@charset "utf-8";
/*
Theme Name:学习中心;
Author: gan
Last Modify:2014/02/25
*/

img{ vertical-align:top;}
:focus{outline:0;}
.tPad30{ padding-top:30px;}
.tPad5{ padding-top:5px;}
.rMar22{ margin-right:22px;}
.rMar25{ margin-right:25px;}

.middle .banner{ width:1115px; margin:40px auto 0;}
.class{ width:1115px; margin:40px auto 0;}
.class h2{ height:50px; line-height:50px; font-size:20px; color:#55aefd; font-weight:700; background:url(../images/live-more.png) 0 bottom no-repeat;}
.class .schedule{ border:1px dashed #98cfff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-top:30px;position: relative;}
.class .onlivetag{ position:absolute; top:3px; left:3px; z-index:9999;}
.class .txttag{ position:absolute; font-size:12px; color:#fff; background-color:#000; filter:alpha(opacity=60); /*IE滤镜，透明度60%*/ -moz-opacity:0.6; /*Firefox私有，透明度60%*/ opacity:0.6;/*其他，透明度60%*/ padding:2px 3px; bottom:3px; right:3px; z-index:999;}
.schedule h3{ position:relative; top:-15px;}
.schedule h3 .tit{ width:140px; height:35px; text-align:center; font-size:17px; color:#333; font-weight:500; background-color:#fff; margin-left:35px; display:inline-block;}
.schedule h3 .right i{ color:#999; font-size:13px; font-weight:500; font-style:normal; padding-right:12px;}
.schedule h3 .right a{ width:18px; height:18px; background:url(../images/rightbtn.gif) 0 0 no-repeat; vertical-align:-5px; display:inline-block;}
.schedule h3 .right .toleft{ background-position:0 0; margin-right:5px;left: 19px;top: 81px;position: absolute;}
.schedule h3 .right .toright{ background-position:-23px 0;position: absolute;right: 19px;top: 81px;}
/*.schedule ul{ margin-left:60px;}
*/.schedule ul li{ width: 186px;float: left;overflow: hidden;position: relative;}
.schedule ul li span{ display:block;}
.schedule ul li span.time{ color: #666;font-size: 15px;font-family: Arial;position: absolute;left: 50%;-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);width: 180px;text-align: center;}
.schedule ul li span.cur{ color: #f2555a;font-size: 15px;font-family: Arial;position: absolute;left: 50%;-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);width: 180px;text-align: center;}
.schedule ul li span.no{ background: url(../images/schedulebg.gif) no-repeat 0px 0px; width: 98px;height: 32px;line-height: 32px;font-size: 15px;color: #fff;font-family: '微软雅黑';font-weight: 700;padding-left: 88px;padding-top: 23px;overflow: hidden;}
.schedule ul li span.no-2{background: url(../images/schedulebg.gif) no-repeat 0px 0px; width: 98px;height: 32px;line-height: 32px;font-size: 15px;color: #fff;font-family: '微软雅黑';font-weight: 700;padding-left: 84px;padding-top: 23px;overflow: hidden;}
.schedule ul li span.no0{ background-position:0 22px;}
.schedule ul li span.no1{ background-position:-186px 22px;}
.schedule ul li span.no2{ background-position:-373px 22px;}
.schedule ul li span.no3{ background-position:-558px 22px;}
.schedule ul li span.no4{ background-position:-744px 22px;}
.schedule ul li span.nolong{ font-size:13px; padding-left:38px;}
.schedule ul li .livename{ font-size:14px; line-height:22px; padding-top:10px;}
.schedule ul li .livename p {width: 180px;text-align: center;}
.schedule ul li .livename a{ color:#666;}
.schedule ul li .livename a.cur {color: #f2555a;}
.schedule ul li .livename a:hover{ color:#54aefc;}
.schedule ul li.last{ height:65px; background:url(../images/schedulebg-end.gif) 5px 5px no-repeat;width: 70px;}

/*直播公开课滚动*/
.plistin { height:135px; width: 930px;overflow: hidden;margin-right: 92px;margin-left: 92px;}
.plist{	height:135px; overflow: hidden;position: relative;left: 0px;}

/*publicclass*/
.pclassinfo dl{ border:1px solid #d6d6d6; box-shadow:0 2px 5px #ebebeb;}
.pclassinfo ul li{ width:202px; float:left;}
.pclassinfo dl dt img{ width:194px; height:116px; padding:3px;}
.pclassinfo dl dd.lname{font-size:16px;color:#333;padding: 10px 0;border-bottom:1px dashed #d6d6d6;text-align:center;position: relative; height:20px;}
.pclassinfo dl dd.lname span{position: absolute;top: 50%;-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform: translate(0,-50%);-o-transform:translate(0,-50%);width: 190px;left: 5px;}
.pclassinfo dl dd.ltime{ font-family:'微软雅黑'; font-weight:700; font-size:14px; color:#666; padding:10px 0 10px 20px;}
.pclassinfo dl dd.ltime span{ width:61px; height:23px; text-align:center; line-height:23px; background:url(../images/videolive-timebg.gif) 3px 0 no-repeat; color:#ffa800; font-size:12px; padding-right:2px; display:inline-block;padding-left:1px;}
.pclassinfo dl dd.ltime i.orange{ color:#ffa800; font-style:normal;}
.pclassinfo dl dd a{ width:158px; height:33px; line-height:33px; text-align:center; color:#fff; font-size:14px; background:url(../images/videolive-btn.gif) 0 0 no-repeat; margin:0 0 15px 20px; display:inline-block;}
.pclassinfo dl dd a.onlive{ background-position:0 0;}
.pclassinfo dl dd a.backlive{ background-position:0 -43px;}
.pclassinfo dl dd a.nolive{ background-position:0 -86px;color:#666;}
/*公开课滚动*/
.pclassinfo { height:260px; width:100%; position:relative; overflow:hidden;}
.pclassinfo ul.gklist{ height:260px; position:absolute; left:0; top:0; overflow:hidden;}
.pclassinfo ul.gklist li{ margin-right:26px;}
.class .pn{ width:26px; height:26px; background:url(../images/pn.gif) 0 0 no-repeat; position:absolute; display:inline-block; z-index:9999;}
.class .prev{ background-position:0 0; left:-13px; top:200px;}
.class .next{ background-position:-46px 0; right:-13px; top:200px;}


/*liveclass*/
.class h2 .tablink a{ font-size:16px; color:#666; font-weight:500; font-family:'微软雅黑';}
.class h2 .tablink a:hover{ color:#ffa800;}
.class h2 .tablink a.on{ color:#ffa800; font-weight:700;}
.class h2 .tablink span{ font-size:13px; color:#dedede; padding:0 4px;}
.liveclass dl{ width:260px; float:left; border:1px solid #d6d6d6; box-shadow:0 2px 5px #ebebeb;margin-bottom:20px;}
.liveclass dl dt img{ width:254px; height:132px; padding:3px;}
.liveclass dl dd.lname{ font-size:16px; color:#333; text-align: center;padding:10px 0; border-bottom:1px dashed #d6d6d6; height: 20px;position: relative;}
.liveclass dl dd.lname a {position: absolute;top: 50%;-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform: translate(0,-50%);-o-transform:translate(0,-50%);width: 254px;left: 5px;}
.liveclass dl dd.graybg{ background-color:#fafafa; padding:0 10px;}
.liveclass dl dd.intro p{ width:240px; height:60px; font-size:13px; color:#a7a7a7; line-height:22px; padding:10px 0 15px; overflow:hidden; text-overflow:ellipsis;}
.liveclass dl dd .otherinfo{ font-size:12px; font-family:'宋体'; color:#999; padding-bottom:15px;}
.liveclass dl dd .otherinfo .rate{ width:77px; height:12px; background:url(../images/liverate.gif) 0 0 no-repeat; vertical-align:-2px; display:inline-block;}
.liveclass dl dd .otherinfo .xx5{ background-position:0 0;}
.liveclass dl dd .otherinfo .xx4{ background-position:0 -22px;}
.liveclass dl dd .otherinfo .xx3{ background-position:0 -44px;}
.liveclass dl dd .otherinfo .xx2{ background-position:0 -66px;}
.liveclass dl dd .otherinfo .xx1{ background-position:0 -88px;}
.liveclass dl dd .price{ font-size:18px; color:#f2555a; font-family:Arial; font-weight:500; padding:5px 0 15px 0;}

/*videoclass*/
.videoclass{ padding-bottom:40px;}
.ws{ background: rgba(0, 0, 0, 0) url("../images/xiong.png") no-repeat scroll 350px 0;height: 175px;line-height:175px;padding-left: 135px;text-align: center;width: 100%;}
.videoclass dl dd a.free{ width:70px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background-color:#5cd38e; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:5px; display:inline-block;}
.videoclass dl dd a.tobuy{ width:70px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background-color:#f87973; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:5px; display:inline-block;}