@charset "utf-8";
/* CSS Document */
.hotClass{
	margin:0 10px;
	padding:0 0 20px 0;
	height:auto;
	background-color:#006699;
}
.captionTitle{
	margin:0;
	padding:10px 0 0 0;
	display:inline-block;
	height:35px;
	position:relative;
}
.hotClass .captionTitle{
	border-bottom:4px solid #009DE1;
	width:940px;
}
.hotTchContent .captionTitle{
	border-bottom:4px solid #900;
	width:708px;
}
.trainContent .captionTitle{
	border-bottom:4px solid #FF9C01;
	width:708px;
}

.caseContent .captionTitle{
	border-bottom:4px solid #990000;
	width:708px;
}
.hotClass h2{
	margin:0 30px;
	padding:8px;
	width:90px;
	height:20px;
	background-color:#009DE1;
	text-align:center;
	color:#FFF;
	font-size:16px;
}
.classHeader .more3{
	top:60px;
}
.captionTitle a:link,.captionTitle a:visited,
.captionTitle .more3 a:link,.captionTitle .more3 a:visited{
	color:#FFF;
	text-decoration:none;
}
.gClass{
	margin:10px 0 0;
	padding:0;
	display:inline;
	width:220px;
	height:auto;
	border:0px solid #CCC;
	float:left;
	text-align:center;
}
.gClass.fl {
    float: left;
    margin-right: 20px;
}
.gClass img{
	margin:0;
	padding:0;
	display:block;
	width:220px;
	height:165px;
	border:0px solid #FFF;
}
.gClassName{
	margin:10px 0 0 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	width:220px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	-o-text-overflow: ellipsis;    /* Opera */
	text-overflow: ellipsis;    /* IE, Safari (WebKit) */
}
.gClass a:link,.gClass a:visited{
	text-decoration:none;
}
.schContent{
	margin:10px 0px 0 10px;
	padding: 0;
	width:710px;
	float:left;
	display:inline;
	border-bottom:0px solid #CCC;
	border-left:0px solid #CCC;
	border-right:0px solid #CCC;
	background-color:#FFF;
	overflow:hidden;
}
.hotTchContent{
	margin:0;
	padding:0;
	border:1px solid #900;
	background-color:#F5F5F5;
	display:block;
}
.hotTchContent h2{
	margin:0 30px;
	padding:8px;
	width:90px;
	height:20px;
	background-color:#900;
	text-align:center;
	color:#FFF;
	font-size:16px;
}

.hotTchContent .more3 a:link,.hotTchContent .more3 a:visited{
	color:#990000;
	text-decoration:none;
}
.hotTchContent .more3 a:hover,.hotTchContent .more3 a:active,.hotTchContent .more3 a:focus{
	color:#CC0000;
}
.hotTchRow{
	margin:0 10px;
	padding:0 15px;
}
.hotTch{
	margin:12px;
	padding:0;
	display:inline;
	width:140px;
	height:180px;
	border:0px solid #CCC;
	float:left;
	text-align:center;
	color:#666666;
}
.peoName a:link,.peoName a:visited{
	text-decoration:none;
}
.peoImg img{
	width:140px;
	height:140px;
}

.peoName{
	margin:10px 0 5px 0;
	font-size:14px;
	width:140px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	-o-text-overflow: ellipsis;    /* Opera */
	text-overflow: ellipsis;    /* IE, Safari (WebKit) */
}
/*******排行******/
.listRank li{
	list-style:none;
	padding:5px 0;
	border-bottom:1px dashed #CCC;
	display:block;
	width:190px;
}
.topSquare{
	background:url(../images/list.png) no-repeat scroll 0 0 transparent;
	display:inline-block;
	width:16px;
	height:16px;
	margin:0;
	padding:0;
	text-align:center;
	margin-right:5px;
	color:#FFF;
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}
.hotSquare{
	background:url(../images/list.png) no-repeat scroll 0 -17px transparent;
	display:inline-block;
	width:16px;
	height:16px;
	margin:0;
	padding:0;
	text-align:center;
	margin-right:5px;
	color:#000;
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}
/***线下培训***/
.trainContent{
	margin:10px 0 0 0;
	padding:0;
	border:1px solid #FF9C01;
	background-color:#FFF8EC;
	line-height:18px;
}
.trainContent h2{
	margin:0 30px;
	padding:8px;
	width:90px;
	height:20px;
	background-color:#FF9C01;
	text-align:center;
	color:#FFF;
	font-size:16px;
}
.trainContent h3,
.trainContent p{
	margin:10px 30px;
	padding:0;
}
/******图片新闻*******/
.caseContent{
	margin:0;
	padding:0;
	border:1px solid #FF9C01;
	background-color:#FF9C01;
}
.galleryContent{
	margin:0;
	padding:0;
	border:1px solid #FF9C01;
	background-color:#FF9C01;
}

.galleryContent .captionTitle{
	border-bottom:4px solid #990000;
	width:920px;
	display:block;
	margin:0 auto;
	position:relative;
}

.galleryContent h1{
	text-align:center;
	display:block;
	border-bottom:4px solid #990000;
	padding:10px;
	margin:10px;
	position:relative;
}
.galleryContent h2,
.caseContent h2{
	margin:0 30px;
	padding:8px;
	width:90px;
	height:20px;
	background-color:#990000;
	text-align:center;
	color:#FFF;
	font-size:16px;
}
ul.photoUl{
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
}
.photoUl li{
	display:inline;
	float:left;
	background:none;
	width:98px;
	height:60px;
	margin:5px auto;
	padding:4px 0 4px 0;
	position:relative;
}
.photoUl li img{
	width:90px;
	height:60px;
}

.photoUl span{
	position:absolute;
	bottom:0;
	left:4px;
	background-color:#000000;
	background:rgba(0,0,0,.7) !important; /*FF下半透明*/
	filter: alpha(opacity=70); /*IE下半透明*/
	color:#FFF;
	display:block;
	width:90px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	-o-text-overflow: clip;    /* Opera */
	text-overflow: clip;    /* IE, Safari (WebKit) */
}

.otherGallery{
	background-color:#FF9900;
	width:900px;
	margin:10px auto;
	padding:5px 0;
	display:block;
}
.otherGallery .captionTitle{
	border-bottom:4px solid #990000;
	width:900px;
	margin:10px auto;
}
.otherGallery ul{
	display:block;
	margin:0 10px;
	padding:0;
}
.otherGallery li{
	display:inline;
	float:left;
	margin:10px;
	padding:0;
}
.otherGallery li a:link,.otherGallery li a:visited{
	text-decoration:none;
}
.otherGallery li img{
	display:block;
	width:200px;
	height:126px;
}
.otherGallery li span{
	display:block;
	margin:0;
	padding:10px 10px;
	text-align:center;
	background-color:#666;
	color:#FFF;
	width:180px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	-o-text-overflow: ellipsis;    /* Opera */
	text-overflow: ellipsis;    /* IE, Safari (WebKit) */
}
/******课程*******/
.classHeader {
	margin:0 10px;
	padding:10px;
	height:80px;
	background-color:#F5F5F5;
	border:1px solid #CCC;
	position:relative;
}
.classHeader h2 {
	display:block;
	margin:0;
	padding:10px;
	font-size:24px;
	
}
.classHeader .onlineReg a:link,.classHeader .onlineReg a:visited {
	margin:0;
	padding:8px 20px;
	background-color:#FF9900;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	color:#FFFFFF;
	text-decoration:none;
	display:inline-block;
}
.classHeader .onlineReg a:hover{
	margin:0;
	padding:8px 20px;
	background-color:#FF6600;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	color:#FFFFFF;
	text-decoration:none;
}
.captionTitle .onlineReg a:link,.captionTitle .onlineReg a:visited{
	margin:0;
	padding:6px 20px;
	position:absolute;
	right:20px;
	top:8px;
	display:block;
	background-color:#FF6600;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	color:#FFFFFF;
	text-decoration:none;
}
.captionTitle .onlineReg a:hover,.captionTitle .onlineReg a:active,.captionTitle .onlineReg a:focus{
	background-color:#FF9900;
}
.classList .classListitem {
	margin:0;
	padding:10px;
	display:block;
	border-bottom:1px dashed #CCC;
	line-height:20px;
	position:relative;
}
.classListitem {
	margin:5px 0;
	padding:10px;
	display:block;
	line-height:20px;
	position:relative;
}
.classListitem dl{
	display:block;
}
.classListitem dt {
	font-weight:bold;
	font-size:14px;
}
.classListitem a:link, .classListitem a:visited {
	color:#006699;
	text-decoration:none;
}
.classListitem a:hover, .classListitem a:active, .classListitem a:focus {
	color:#009DE1;
	text-decoration:underline;
}
.classListitem dd {
	font-size:12px;
}
.sidebar2Info {
	margin:0 0 10px 0;
	padding:10px;
	display:block;
	width:198px;
	border:1px solid #CCC;
	line-height:20px;
}
.sidebar2Info ul {
	list-style:none;
	margin:10px 0;
}
.teacher {
	display:block;
	border-bottom:1px dashed #CCC;
	font-size:14px;
	padding:0 0 10px 0;
}
.cost {
	font-size:14px;
	color:#FF6600;
	border-top:1px dashed #CCC;
	padding:10px 0 0 0;
}
/********课程列表***********/
.vidoImgThm,
.subjectImgThm {
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:3px;
	border:1px solid #CCC;
}

.subjectImgThm img {
	display:block;
	width:56px;
	height:75px;
}
.vidoImgThm img{
	display:block;
	width:128px;
	height:95px;
}
.photoImgThm{
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:3px;
	border:1px solid #CCC;
}
.photoImgThm img{
	width:120px;
	height:80px;
}

/*********课程详细************/
.subjectHeader {
	display:block;
	margin:0 10px;
	padding:10px;
	border:1px solid #CCC;
	background-color:#F5F5F5;
}

.subjectImg {
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:5px;
	border:1px solid #CCC;
	background-color:#FFFFFF;
}
.subjectImg img {
	display:block;
	width:115px;
	height:155px;
}

.subInfo {
	display:block;
	margin:10px 0 0 0;
	padding:0px;
	position:relative;
	height:58px;
	line-height:20px;
	overflow:hidden;
}

.buGreen a:link,.buGreen a:visited {
	background-color:#690;
	
}
.buGreen a:hover,.buGreen a:active,.buGreen a:focus{
	background-color:#6C0;
}
.buOrange a:link,.buOrange a:visited {
	background-color:#FF9900;
}
.buOrange a:hover,.buOrange a:active,.buOrange a:focus{
	background-color:#FF6600;
}
.vidoInfo .buGreen a,.vidoInfo .buOrange a{
	color:#FFF;
	text-decoration:none;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	margin:10px 0 0 10px;
	padding:8px 15px;
	display:inline-block;
	
}
.subjectHeader .buGreen a,.subjectHeader .buOrange a{
	color:#FFF;
	text-decoration:none;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	margin:0;
	padding:8px 15px;
	display:inline-block;
	
}
.classListitem .buGreen a:link,.classListitem .buGreen a:visited,
.classListitem .buOrange a:link,.classListitem .buOrange a:visited{
	color:#FFF;
	text-decoration:none;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	margin:5px 0 0 0;
	padding:1px 5px;
	display:inline-block;
	font-size:1em;
}
/*******视频*********/
.vidoContent{
	margin:10px;
	padding:8px;
	border:1px solid #CCC;
	background-color:#F9F9F9;
}
.vidoItem{
	margin:20px 0 0 0;
	padding:0;
	background-color:#009DE1;
	display:inline-block;
	width:640px;
	height:540px;
	text-align:center;
	position:relative;
}
.vidoInfo{
	margin:20px 0 0 0;
	padding:0;
	display:block;
	float:right;
	width:276px;
	height:540px;
	background-color:#FFF;
	position:relative;
}
.subTitle,
.vidoIntro{
	margin:0;
	padding:0;
	background-color:#FFF;
	border-bottom:1px dashed #CCC;
}
.vidoIntro{
	max-height:200px;
	_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<200?"200px":"");
	overflow:hidden;
}
.subTitle p,
.vidoIntro p{
	margin:0 10px 10px 10px;
	padding:0;
	line-height:18px;
}

.vidoTeach{
	border-bottom:1px dashed #CCC;
}
.subTitle h4,
.vidoIntro h4,
.vidoTeach h4{
	margin:10px;
	padding:0;
	font-family: "Microsoft YaHei", Verdana, Arial, Helvetica;
	font-size:16px;
}
.teachInfo{
	margin:5px;
	padding:5px;
	line-height:18px;
}
.teachImg{
	margin:0 10px 0 0;
	padding:0;
	display:inline;
	float:left;
}
.teachInfo dl{
	margin:0;
	padding:0 5px;
}
.teachIntro{
	margin:10px 0;
}
.teachName{
	margin:0 0 5px 0;
	font-size:14px;
	font-family: "Microsoft YaHei", Verdana, Arial, Helvetica;
	font-weight:bold;
}
.vidoInfo ul{
	margin:0 10px 10px 10px;
	padding:10px 0;
	display:block;
	line-height:20px;
	font-size:14px;
	list-style:none;
	border-bottom:1px dashed #CCC;
}
.vidoItem .shareTo{
	margin:10px;
	padding:10px;
	display:block;
	width:600px;;
	background-color:#FFF;
	text-align:center;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	border:0px;
}
.youkucom{
	position:relative;
}

.vidoPwd{
	display:block;
	width:640px;
	height:20px;
	padding:5px 0;
	background:rgba(255,255,255,.2); /*FF下半透明*/
	filter: alpha(opacity=20); /*IE下半透明*/
	background:#fff\9;
	position:absolute;
	top:435px;
	left:0;
	color:#FFFFFF;
	font-size:14px;
	text-align:left;
	font-family: "Microsoft YaHei", Verdana, Arial, Helvetica;
}
.yAlpha{
	display:block;
	width:640px;
	height:20px;
	padding:5px 0;
	background:rgba(255,255,255,.2); /*FF下半透明*/
	filter: alpha(opacity=20); /*IE下半透明*/
	background:#fff\9;
	position:absolute;
	top:435px;
	left:0;
	color:#FFFFFF;
	font-size:14px;
	text-align:left;
	font-family: "Microsoft YaHei", Verdana, Arial, Helvetica;
}
.noAlpha{
	display:block;
	width:640px;
	height:20px;
	padding:5px 0;
	position:absolute;
	top:435px;
	left:0;
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
	text-align:left;
	font-family: "Microsoft YaHei", Verdana, Arial, Helvetica;
}
.noAlpha .close{
	cursor:pointer;
	text-align:right;
	width:14px;
	height:14px;
	background-image:url(../images/icon/close.gif);
	background-repeat:no-repeat;
	margin-top:3px;
	position:absolute;
	right:10px;
}
.noAlpha .close:hover{
	background-image:url(../images/icon/close.png);
	background-repeat:no-repeat;
}
.noAlpha img{
	margin:0 10px;
	position:relative;
}
#copyPwd{
	display:inline;
}
.noAlpha a:link,.vidoPwd a:visited{
	color:#009DE1;
	text-decoration:none;
}


/*图片新闻列表*/
/*图片新闻*/

.galleryContent{
	margin:10px;
	padding:8px;
	border:1px solid #CCC;
	background-color:#F5F5F5;
}
#gallery{
	margin:10px auto;
	padding:30px;
	background-color:#CCC;
	border:4px solid #CCC;
}
.photonewsTitle{
	margin:10px 0 0 0;
	text-align:center;
}
.galleryContent h1{
	display:block;
	margin:10px 0 20px 0;
	font-size:24px;
	font-family: "Microsoft YaHei", Verdana, Arial, Helvetica;
}
.otherGallery .more3 a:link,.otherGallery .more3 a:visited{
	color:#FFFFFF;
}
.photonewsView{
	margin:10px;
	padding:10px;
	border:1px solid #CCC;
	border-top:4px solid #009DE1;
	background-color:#F5F5F5;
}
.photonewsView h2{
	display:block;
	margin:0;
	padding:0 0 10px 0;
	position:relative;
}
.photonewsView .more3 a:link,.photonewsView .more3 a:visited{
	color:#006699;
	text-decoration:none;
}
.photonewsView .more3 a:hover,.photonewsView .more3 a:active,.photonewsView .more3 a:focus{
	color:#009DE1;
}
.photonewsView ul{
	display:block;
	margin:0;
	padding:0;
}
.photonewsView li{
	display:inline;
	float:left;
}
.photonewsView li img{
	width:120px;
	height:80px;
	border:0px;
}
.photonewsView li a{
	display:block;
	width:120px;
	height:80px;
	margin:7px 7px 7px 8px;
}
/*****会员专区首页****/

.memberCenter{
	margin:10px;
	padding:10px;
	height:270px;
	background-color:#EEE;
}

.memberRow{
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    width: 700px;
	height:270px;
	background-color:#FFFFFF;
}
.slideTitle{
	position:relative;
}
.slideTitle h2{
	display:block;
	margin:10px 10px 0 10px;
	padding:0;
	font-size:28px;
	font-weight:100;
	color:#009DE1;
}
.slideTitle p{
	position:absolute;
	top:12px;
	left:120px;
	color:#666;
}
.memberSide{
	display:table;
	float:left;
	margin:0 0 0 10px;
	padding-top:20px;
	padding-bottom:10px;
	width:210px;
	height:240px;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	_position:relative;
	overflow:hidden;
}
.memberSide table{
	height:200px;
}
.memberSide table tb{
	vertical-align:middle;
}
.vMiddle{
	display:table-cell;
	vertical-align:middle;
	_position:absolute;
	_top:50%;
}
.memberSide p{
	text-align:left;
	font-size:14px;
	margin:0 auto 0 30px;
	padding:0;
	line-height:20px;
}
.memberSide a:link,.memberSide a:visited{
	margin:0 10px 0 0;
	padding:0;
	display:inline;
	text-align:left;
	font-size:14px;
	color:#009DE1;
	text-decoration:none;
}
.memberSide a:hover,.memberSide a:active,.memberSide a:focus{
  	color:#006699;
}
.memberSide a.btn:link,.memberSide a.btn:visited{
	display:block;
	margin:10px 30px;
	padding:5px 10px;
	line-height:24px;
	text-align:center;
	font-size:16px;
	background-color:#999999;
	color:#FFFFFF;
	text-decoration:none;
	font-family: "Microsoft YaHei", Verdana, Arial, Helvetica;
}
.memberSide a.tbtn:link,.memberSide a.tbtn:visited{
	display:block;
	margin:10px 30px;
	padding:5px 10px;
	line-height:24px;
	text-align:center;
	font-size:16px;
	background-color:#FF9900;
	color:#FFFFFF;
	text-decoration:none;
	font-family: "Microsoft YaHei", Verdana, Arial, Helvetica;
}
.memberSide a.tbtn:hover,.memberSide a.tbtn:active,.memberSide a.tbtn:focus,
.memberSide a.btn:hover,.memberSide a.btn:active,.memberSide a.btn:focus{
	display:block;
	margin:10px 30px;
	padding:5px 10px;
	line-height:24px;
	text-align:center;
	font-size:16px;
	background-color:#CC0000;
	color:#FFFFFF;
	text-decoration:none;
	font-family: "Microsoft YaHei", Verdana, Arial, Helvetica;
}
.ucPreview{
	display:block;
	margin:10px auto;
	text-align:left;
}
.ucPreview h4{
	margin:0 0 10px 30px;
	padding:0;
	font-size:16px;
	font-weight:100;
}
.ucPreview p{
	font-size:12px;
	padding:0 10px 0 0;
}
.ucPreview a:link,.ucPreview a:visited{
	display:inline;
	margin:0;
	font-size:12px;
}
.ucPreview h4 a:link,.ucPreview h4 a:visited{
	display:inline;
	margin:0;
	font-size:16px;
}
.ucImg{
text-align:center;
display:inline;
float:left;
}
.ucImg img{
	display:block;
	width:70px;
	margin-right:5px;
}
.hotLine{
	clear:both;
	display:block;
	margin-top:15px;
}
.subWare{
	margin:0;
	padding:0 0 10px 0;
	height:auto;
	background-color:#FFF;
	border:0px solid #009DE1;
}
.subWare .hotSub {
    border: 0 solid #CCCCCC;
    display: inline;
    float: left;
	height:auto;
    margin: 5px 10px;
    padding: 0;
    width: 460px;
}

.memberRow .hotSub {
    border: 0 solid #CCCCCC;
    display: inline;
    float: left;
    height: 180px;
    margin: 5px 10px;
    padding: 0;
    width: 330px;
}
/*******会员首页滚动介绍********/
#infoSlides{
	margin:10px 0 0 0;
	padding:0 15px;
	border:0px solid #CCC;
	background-color:#FFF;
	display:block;
	height:200px;
	position:relative;
}
#infoSlides .slides_container{
	margin:0 auto;
	padding:0;
	width:660px;
	height:200px;
	overflow:hidden;
	display:block;
	border:0px solid #FFF;
	background-color:#FFF;
}
#infoSlides .slides_container div.slide {
	width:900px;
	height:200px;
	display:block;
}
#infoSlides .item{
	margin:10px;
	padding:0 10px;
	width:180px;
	height:200px;
	display:inline;
	float:left;
	text-align:center;
	border-right:1px dashed #CCC;
}
#infoSlides .item dl{
	display:block;
	margin:0 0 10px 0;
	padding:0 10px;
	text-align:left;
	line-height:18px;
	height:60px;
}
#infoSlides .item dt{
	font-weight:bold;
	font-size:14px;
	color:#CC0000;
	margin-bottom:5px;
	text-align:left;
}
#infoSlides .item img{
	width:120px;
	height:120px;
}

#infoSlides .btnPrev {
	position:absolute;
	margin:0;
	padding:0;
	top:60px;
	left:5px;
	width:14px;
	height:43px;
	display:block;
	z-index:101;
}
#infoSlides .btnNext{
	position:absolute;
	margin:0;
	padding:0;
	top:60px;
	right:5px;
	width:14px;
	height:43px;
	display:block;
	z-index:101;
}

/*****在线杂志****/
.hotMagazines{
	margin:10px 10px;
	padding:0;
	height:auto;
	background-color:#FFF;
	border:0px solid #009DE1;
}
.hotMagazines .captionTitle {
    border-bottom: 4px solid #009DE1;
    width: 938px;
}
.hotMagazines .captionTitle .more3 a:link, .captionTitle .more3 a:visited {
    color: #009DE1;
    text-decoration: none;
}
.hotMagazines h2 {
    border-bottom: 1px dashed #CCCCCC;
    border-top: 2px solid #009DE1;
    color: #333333;
    display: block;
    font-size: 22px;
    font-weight: 100;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 5px 0 5px 10px;
    position: relative;
}
.hotMagazines .magazines {
	margin:15px 15px 20px 15px;
	padding:5px;
	display:inline;
	width:144px;
	height:260px;
	border:1px solid #CCC;
	background-color:#F5F5F5;
	float:left;
	text-align:center;
}
.hotMagazines .magazines p{
	background-color:#F5F5F5;
	line-height:28px;
	margin:0;
}

.magazines a:link,
.magazines a:visited{
	color:#006699;
	text-decoration:none;
}
.magazines a:hover,
.magazines a:active,
.magazines a:focus
{
	color:#009DE1;
	text-decoration:none;
}
.buGreen a:link, .buGreen a:visited {
    background-color: #999999;
    color: #FFFFFF;
}
.buGreen a:hover, .buGreen a:active, .buGreen a:focus {
    background-color: #6C0;
}
.buOrange a:link, .buOrange a:visited {
    background-color: #999999;
    color: #FFFFFF;
}
.buOrange a:hover, .buOrange a:active, .buOrange a:focus {
    background-color: #FF6600;
}
.buGreen a, .buOrange a {
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1em;
    margin: 10px 5px 0;
    padding: 2px 10px;
    text-decoration: none;
}
.vipmag{
	display:block;
	width:49px;
	height:50px;
	position:absolute;
	left:94px;
	top:140px;
	background-image:url(../images/icon/vipmag.gif);
	background-repeat:no-repeat;
}
.tblist td p{
	margin:0;
	padding:0;
	display:block;
	width:340px;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	-o-text-overflow: ellipsis;    /* Opera */
	text-overflow: ellipsis;    /* IE, Safari (WebKit) */
	color:#999999;
}