@charset "utf-8";

.videoCate .small{height:40px;line-height:40px;}

.playVideo div.img{ width:530px; height:330px; position:relative;}
.playVideo div.img:hover div{ display:block;}
.playVideo div.img .img_mask{ width:530px; height:330px; position:absolute; left:0; top:0; z-index:10;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-color:#000; display:none;}
.playVideo div.img .imgPlay{ 530px; height:330px; position:absolute; background:url(../images/playIcon.png) no-repeat center; left:0; top:0; z-index:100; display:none;}
.playVideo div.img .imgPlay a{ width:530px; height:330px; display:block;}
.playVideo div.img .playtime{position:absolute; z-index:80; right:10px; bottom:10px; color:#fff; height:24px; line-height:24px; font-size:12px; display:none;}
.playVideo div.img img{ width:530px; height:330px;}

/***视频列表右侧列表****/
.videoRightTitle .videoMore{ float:right;}
.videoRightTitle{ height:40px; line-height:40px; margin-bottom:10px;}
.videoListTitleNav{ font-size:16px; font-weight:bold;}
.videoTitleNav a{ margin:0px 15px; height:40px; line-height:40px;}
.videoTitleNav a:first-child{ margin-left:0px;}
.videoRightTitle .videoOrder{ float:right; width:210px; text-align:right; height:30px; line-height:30px;}
.videoRightTitle .videoOrder a{ display:inline-block; padding:0px 5px 5px 5px; border-bottom:2px solid #fff; height:26px; margin-right:20px;}
.videoRightTitle .videoOrder a.sel,.videoRight .videoRightTitle .videoOrder a:hover{ border-bottom:2px solid #188eee;}
/***视频内容列表**/
.videoList{margin-top:25px;}
.videoList ul li{ width:246px; float:left; border:1px solid #eee; margin-right:12px; margin-bottom:20px;overflow:hidden;}
.videoList ul li div.img{ width:246px; height:165px; position:relative;}
.videoList ul li div.img:hover div{ display:block;}
.videoList ul li div.img .img_mask{ width:246px; height:165px; position:absolute; left:0; top:0; z-index:10;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-color:#000; display:none;}
.videoList ul li div.img .imgPlay{ width:246px; height:165px; position:absolute; background:url(../images/playIcon.png) no-repeat center; left:0; top:0; z-index:100; display:none;}
.videoList ul li div.img .imgPlay a{ width:246px; height:165px; display:block;}
.videoList ul li div.img .playtime{position:absolute; z-index:80; right:10px; bottom:10px; color:#fff; height:24px; line-height:24px; font-size:12px; display:none;}
.videoList ul li div.img img{ width:246px; height:165px;}
.videoList ul li .videoDesc{ padding:0px 10px;}
.videoList ul li .videoDesc .title{ float:left; text-align:left; max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 30px; }
.videoList ul li .videoDesc .title a{color: #438fe2; font-size: 13px;}
.videoList ul li .videoDesc .desc div{float:left;color:#7a7a7a;font-size:12px;margin-bottom:3px;}
.videoList ul li .videoDesc .desc font.time{ float:right; color:#bdbdbd;}
.videoList ul li .videoDesc .time{ float:right;height:34px;line-height:34px;}
.videoList ul li .videoDesc .time img{margin-top:6px;}

.videoList ul li .video_desc{ padding:0px 10px;}
.videoList ul li .video_desc .title{ float:left; text-align:left;line-height: 22px;}
.videoList ul li .video_desc .title a{color: #438fe2; font-size: 13px;}
.videoList ul li .video_desc .desc div{float:left;color:#7a7a7a;font-size:12px;margin-bottom:3px;}
.videoList ul li .video_desc .desc font.time{ float:right; color:#bdbdbd;}
.videoList ul li .video_desc .time{ float:right;height:34px;line-height:34px;}
.videoList ul li .video_desc .time img{margin-top:6px;}

/***视频播放页面**/
.playBlock{ padding-bottom:20px;margin:0 10px;padding:10px;}
.playVideo{ float:left; width:530px; height:330px;}
.playVideo img{ width:530px; height:330px;}
.playInfo{ float:left; width:420px; height:330px; margin-left:30px; position:relative;}
.playInfo .title{ font-size:22px; line-height:30px;}
.playInfo .playattribute{height:36px; line-height:36px;}
.playInfo .playattribute font{ width:180px; display:block; float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.playInfo .playattribute font img{ margin-top:9px;}
.playInfo .playControl{ position:absolute; bottom:20px; left:0px;}
.playInfo .playControl a{ float:left; display:block; height:35px; width:120px; text-align:center; line-height:35px; margin-right:25px; font-size:16px; }
.playInfo .playControl a.playButton{ background-color:#ffad2f; color:#fff;cursor:pointer;}
.playInfo .playControl a.collectionButton{ background-color:#11baec;cursor:pointer;color:#fff;}
.playInfo .playControl a.collectionButtonEd{ background-color:#ebf1f7; color:#5fb41b;}
.playInfo .playControl a.question{ background-color:#ff8298;color:#fff;margin-right:0;}
.indexPlayControl{ bottom:20px;margin-top:20px;}
.indexPlayControl a{ float:left; display:block; height:40px; width:130px; text-align:center; line-height:40px; margin-right:30px; font-size:20px; }
.indexPlayControl a.playButton{ background-color:#ffad2f; color:#fff;cursor:pointer;}
.indexPlayControl a.collectionButton{ background-color:#11baec;cursor:pointer;color:#fff;}
.indexPlayControl a.collectionButtonEd{ background-color:#f7f8f9; color:#5fb41b;}

/***视频的相关内容***/
.videoInfoBg{margin:0 auto;}
.videoInfo{ margin:0 auto;background:#fff;padding-bottom:10px;}
.videoInfoLeft{ float:left; width:635px; background-color:#fff; padding:15px 20px;border:1px solid #ccc;margin:0 10px;}
.videoInfoLeft .selTitle ul li:first-child{ margin-left:0px;}
.videoInfoLeftContent ul li{ display:none;}
.videoInfoLeftContent{margin-top:15px;}
.videoIntroduce{ line-height:30px;}
.videoInfoRight{ margin-left:20px; width:268px; padding:16px; background-color:#fff; float:left;border:1px solid #ccc;}
.videoInfoRight .rightPlayInfo{ padding-bottom:30px; border-bottom:1px solid #dfdee0; margin-bottom:30px;}
.videoInfoRight .rightPlayInfo ul li{ line-height:24px;}
.videoInfoRight .videoList,.videoInfoRight .videoList ul{ width:298px;}
.videoInfoRight .videoList ul li{ margin-right:20px;}

/**视频相关资料样式**/
.relationInfo dl dt{ height:48px; line-height:48px; border-bottom:1px solid #dfdee0;}
.relationInfo dl dt>a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:630px;color:red;}
.relationInfo dl dt .info{ float:right; width:180px; font-size:14px;}
.relationInfo dl dt .info font{ width:90px; float:left; display:block;}
.relationInfo dl dt .info .time{ color:#999; text-align:left;}
.relationInfo dl dt .info .download{ background:url(../images/downIcon.png) no-repeat 40px center; text-align:right;}
.relationInfo dl dt .info .download a{ color:#188eee;}
.relationInfo dl dt .downData{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:400px;color:red;}
/**添加评论***/
.commentBlock{ margin:20px auto;}
.commentLeft{ width:120px; float:left;text-align:center;margin-bottom:10px;}
.commentLeft .score{ color:#ffad2f; font-size:30px; height:60px; line-height:60px;}
.commentRight{ width:470px; float:left;}
.commentTop{ height: 18px; line-height:18px; color:#666; margin-bottom:5px;}
.commentTop .desc{ float:left; display:inline-block;}
.commentTop .star a{ float:left; padding-right:5px; padding-top:2px; width:14px; height:14px; background:url(../images/star-off-big.png) no-repeat left 2px; display:block; cursor:pointer;}
.commentTop .star a.sel{ background:url(../images/star-on-big.png) no-repeat left 2px;}
.commentRight .commenttext textarea{ width:470px; height:110px; border:1px solid #dfdee0; overflow:hidden; float:left;}
.commentRight .commenttext input[type='button']{ background-color:#188eee; font-size:20px; color:#fff; text-align:center; width:100px; height:40px; line-height:40px; float:left;  margin-top:22px; border:0; cursor:pointer; outline:none;}

/***视频评论样式***/
.commentList{ border-top:1px solid #dfdee0;}
.commentList dl dt{ padding:15px 0px; border-bottom:1px solid #dfdee0;}
.commentList dl dt .userhead{ width:60px; float:left; height:60px; border-radius:30px;}
.commentList dl dt .userhead img{ width:60px;height:60px; border-radius:30px;}
.commentList dl dt .commentRight{ float:left; width:510px; margin-left:20px;}
.commentList dl dt .commentRight .top{ height:34px; line-height:34px; color:#999;}
.commentList dl dt .commentRight .top .desc{ float:left; display:inline-block; margin-right:10px;}
.commentList dl dt .commentRight .top .time{ float:right; font-size:12px;}
.commentList dl dt .commentRight .content{ line-height:18px; color:#666;}
.commentList dl dt .commentRight .top .star a{ float:left; padding-right:5px; padding-top:10px; width:14px; height:14px; background:url(../images/star-off-big.png) no-repeat left 10px; display:block; cursor:none;}
.commentList dl dt .commentRight .top .star a.sel{ background:url(../images/star-on-big.png) no-repeat left 10px;}

/***专题内容列表**/
.projectvideoList{ width:1005px; margin-top:20px;}
.projectvideoList ul li{ width:315px; float:left;  margin-right:27px; margin-bottom:20px;}
.projectvideoList ul li div.img{ width:315px; height:210px; position:relative;}
.projectvideoList ul li div.img:hover div{ display:block;}
.projectvideoList ul li div.img .img_mask{ width:315px; height:210px; position:absolute; left:0; top:0; z-index:10;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-color:#000; display:none;}
.projectvideoList ul li div.img .imgPlay{ width:315px; height:210px; position:absolute; background:url(../images/playIcon.png) no-repeat center; left:0; top:0; z-index:100; display:none;}
.projectvideoList ul li div.img .imgPlay a{ width:315px; height:210px; display:block;}
.projectvideoList ul li div.img .playtime{position:absolute; z-index:80; right:10px; bottom:10px; color:#fff; height:24px; line-height:24px; font-size:12px; display:none;}
.projectvideoList ul li div.img img{ width:315px; height:210px;}
/* .projectvideoList ul li .videoDesc{ padding:10px 10px;} */
.projectvideoList ul li .videoDesc .title{ height:34px; line-height:34px; text-align:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.projectvideoList ul li .videoDesc .desc font{ color:#7a7a7a;}
.projectvideoList ul li .videoDesc .desc font.time{ float:right; color:#bdbdbd;}

.teacherList{margin-top:80px;}

.videoDiv{width:1200px;margin:0 auto;margin-top:30px;}
.videoDiv .content{width:1050px;margin:0 auto;padding-top:10px;padding-bottom:20px;}
.videoDiv .cLeft{float:left;width:220px;padding-left:10px;}
.videoDiv .cCenter{float:left;width:490px;margin:0 5px 0 19px;}
.videoDiv .cRight{float:left;width:770px;margin-left:20px;margin-top:10px;}

.cLeft .zttjUl{background:#ccc;}
.cLeft .zttjUl ul{margin:0 20px;}
.cLeft .zttjUl ul li{height:30px; line-height:30px;}
.cLeft .zttjTwoTitle{background:#53c42f;height:40px;line-height:40px;text-align:center;}
.cLeft .secondCateBlock a{color:#333;}
.cRight .spSetTitle ul li{float:left;border-right:1px solid green;height:35px;line-height:35px;text-align:center;padding:0 10px;color:#fff;background:#489648; cursor:pointer;}

.cRight .spCont ul li{height:160px;margin-top:5px;}
.cRight .spCont .img img{width:230px;height:160px;}
.cRight .spCont .img{position:relative;}
.cRight .spCont .img .title{position:absolute;bottom:0;width:100%;background:#78ff00;-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; }
.cRight .zttjTitle{margin-top:5px;}
.cRight .teacherFc{height:90px;}
.cRight .teacherFc .headimg{float:left;width:80px;height:80px;border-radius:50%;overflow:hidden;margin-top:10px;}
.cRight .teacherFc .headimg img{width:100px;height:100px;}
.cRight .teacherFc .teacherdesc{float:left;width:135px;font-size:13px;margin-top:15px;margin-left:5px;}
.cRight .teacherFc .teacherdesc div{ max-width: 135px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;line-height:25px;}
.cCenter .centerTop{height:25px;}
.cCenter .centerTop ul li{float:right;line-height:25px;margin-right:10px;}
.cCenter .centerTop ul .left{float:left;}
.cCenter .centerSp .father{height:100px;width:100%;margin:10px 0 15px 0;}
.cCenter .centerSp .first{float:left;}
.centerSp .pic{width:140px;height:100px;}
.centerSp .pic img{width:140px;height:100px;}
.centerSp .introduce ul{margin:10px 10px 0 10px;font-size:13px;}
.centerSp .introduce{width:210px;}
.centerSp .introduce ul li{line-height:21px;max-width: 210px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.centerSp .gk div{margin:20px 0;margin-left:10px;}
.centerSp .gk .one a{padding:2px 4px;background:#34a6de;color:#fff;border-radius:4px;}
.centerSp .gk .two a{padding:2px 18px;background:#489648;color:#fff;border-radius:4px;}
.centerSp .opera div{margin:21px 0 20px 5px;font-size:13px;}
.sp2{display:none;}
.sp3{display:none;}
.videoInfoRight .relevant{font-size:18px; margin-bottom:20px;border-bottom:2px solid #5381ac;color:#5381ac;font-weight:bold;padding-bottom:5px;}
.videoInfoRight .relevant-li{width:100%;}
.videoInfoRight .relevant-li li{width:268px;border:0;border-bottom:1px solid #ccc;}
.videoInfoRight .relevant-li .img{width:100%;}
.videoInfoRight .relevant-li .img img{width:100%;}
.videoInfoRight .relevant-li ul li .img .img_mask{width:268px;}
.videoInfoRight .relevant-li ul li .videoDesc{padding:0 5px;background:#eee}
.videoDeatil ul li{color:#5381ac;border-bottom:0;margin-right:20px;}
.videoDeatil ul .sel{border:0;font-weight:bold;color:#65b724}
.videoDeatil ul{border:0;border-bottom:1px solid #5381ac;}
.beover{width:70px;height:70px;position:absolute;right:0;top:0;background:url('../images/beover.png') no-repeat center center;background-size:cover;}
.bfbeover{width:70px;height:70px;position:absolute;right:0;top:0;background:url('../images/bfbeover.png') no-repeat center center;background-size:cover;}


/* 新专题 */
.zt-list ul li{ width:243px; float:left; border:1px solid #eee; margin-right:10px; margin-bottom:10px;overflow:hidden;}
.zt-list ul li:hover{box-shadow:0 3px 8px 0 rgba(7,17,27,.1);}
.zt-list ul li div.img{ width:243px; height:162px; position:relative;}

.zt-list ul li div.img img{ width:243px; height:162px;}
.zt-list .zt-title{font-size:15px;font-weight:bold;color:#881f1f;margin-bottom:5px;background:#32a1da;color:#fff;line-height:30px;text-indent:10px;}


.zt-list .all-zt{margin:20px 0;}
.zt-list .all-zt li{float:left;width:auto;max-width:200px;margin-right:20px;border:0;margin-bottom:14px;line-height:30px;}
.zt-list .all-zt li a{color:#666;padding:2px 10px;}
.zt-list .all-zt li a:hover{color:#0083ce;}


.zt-detail-top{box-shadow:0 3px 8px 0 rgba(7,17,27,.1);}
.zt-detail-top .zt-left{float:left;width:300px;}
.zt-detail-top .zt-left .zt-text .zt-text-nr{padding:10px;color:#93999F;font-size:13px;line-height:25px;text-indent:25px;margin-top:20px;}
.zt-detail-top .zt-left .zt-text .zt-text-title{font-weight:bold;color:#333;margin-top:10px;font-size:15px;padding:10px;}
.zt-detail-top .zt-left img{width:300px;height:180px;}
.zt-detail-top .zt-right{float:left;width:680px;margin-left:20px;}
.zt-detail-top .zt-right .zt-title{font-size:15px;font-weight:bold;color:#881f1f;margin-bottom:5px;background:#32a1da;color:#fff;line-height:30px;text-indent:10px;}
.zt-detail-top .zt-right .zt-title div{float:right;margin-right:5px;}
.zt-detail-top .zt-right .zt-title div a{font-size:13px;font-weight:200;color:#fff;}
.zt-detail-top .zt-right .zt-article ul li{line-height:35px;border-bottom:1px dashed #ececec;}
.zt-detail-top .zt-right .zt-article ul li div{float:left;}
.zt-detail-top .zt-right .zt-article ul .z-a-title{width:480px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.zt-detail-top .zt-right .zt-article ul .z-a-title a{color:#333;}
.zt-detail-top .zt-right .zt-article ul .z-a-title a:hover{color:#0083ce;}
.zt-detail-top .zt-right .zt-article ul .z-a-view{width:80px;text-align:center;color:#7a7a7a}
.zt-detail-top .zt-right .zt-article ul .z-a-time{width:100px;text-align:right;color:#7a7a7a}

.zt-detail-top .zt-right .zt-courseware ul li{line-height:35px;border-bottom:1px dashed #ececec;}
.zt-detail-top .zt-right .zt-courseware ul li div{float:left;}
.zt-detail-top .zt-right .zt-courseware ul .z-a-title{width:300px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.zt-detail-top .zt-right .zt-courseware ul .z-a-title a{color:#333;}
.zt-detail-top .zt-right .zt-courseware ul .z-a-title a:hover{color:#0083ce;}
.zt-detail-top .zt-right .zt-courseware ul .z-a-view{width:60px;text-align:right;color:#7a7a7a}
.zt-detail-top .zt-right .zt-courseware ul .z-a-addr{width:80px;text-align:right;color:#7a7a7a}
.zt-detail-top .zt-right .zt-courseware ul .z-a-time{width:110px;text-align:right;color:#7a7a7a}
.zt-detail-top .zt-right .zt-courseware ul .z-a-cz{width:110px;text-align:right;color:#ccc}
.zt-detail-top .zt-right .zt-courseware ul .z-a-cz .xz{color:#32a1da;border:1px solid #32a1da;border-radius:4px;padding:1px 5px;font-size:12px;}
.zt-detail-top .zt-right .zt-courseware ul .z-a-cz .xz:hover{color:#fff;background:#32a1da}
.zt-detail-top .zt-right .zt-courseware ul .z-a-cz .sc{color:#ff9a00;border:1px solid #ff9a00;border-radius:4px;padding:1px 5px;font-size:12px;}
.zt-detail-top .zt-right .zt-courseware ul .z-a-cz .sc-sel{color:#fff;border:1px solid #ff9a00;background:#ff9a00;border-radius:4px;padding:1px 5px;font-size:12px;}
.zt-detail-top .zt-right .zt-courseware ul .z-a-cz .sc:hover{color:#fff;background:#ff9a00}

.zt-detail-bottom{margin-top:5px;}
.v-p-title{color:#881f1f;font-weight:bold;line-height:40px;background:#32a1da;color:#fff;line-height:30px;text-indent:10px;margin:10px 0;font-size:15px;}
.v-p-title div{float:right;margin-right:5px;}
.v-p-title div a{font-size:13px;font-weight:200;color:#fff;}
.zt-v-list{margin-top:0;}
.zt-v-list ul li div.img{height:210px;}
.zt-v-list ul li{ width:317px; float:left;  margin-right:27px; margin-bottom:10px;box-shadow:0 3px 8px 0 rgba(7,17,27,.1);padding-bottom:10px;}
.zt-v-list ul li div.img{ width:317px; height:210px; position:relative;}
.zt-v-list ul li div.img:hover div{ display:block;}
.zt-v-list ul li div.img .img_mask{ width:317px; height:210px; position:absolute; left:0; top:0; z-index:10;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-color:#000; display:none;}
.zt-v-list ul li div.img .imgPlay{ width:317px; height:210px; position:absolute; background:url(../images/playIcon.png) no-repeat center; left:0; top:0; z-index:100; display:none;}
.zt-v-list ul li div.img .imgPlay a{ width:317px; height:210px; display:block;}
.zt-v-list ul li div.img .playtime{position:absolute; z-index:80; right:10px; bottom:10px; color:#fff; height:24px; line-height:24px; font-size:12px; display:none;}
.zt-v-list ul li div.img img{ width:317px; height:210px;}
.zt-v-list ul li .videoDesc .title{text-align:left;padding:0 0 0 5px;}
.zt-v-list ul li .videoDesc .title a{color:#bd0f0f}
.zt-v-list ul li .videoDesc .desc{padding:0 0 0 5px;color:#afaeae;font-size:12px;}
.zt-v-list ul li .videoDesc .desc a{color:#4686e8}



.zt-v-list ul li .videoDesc .title{ float:left;height:34px; line-height:34px; text-align:left;max-width:220px;overflow:hidden;text-overflow:ellipsis   }
.zt-v-list ul li .videoDesc .l-title{ float:left;height:34px; line-height:34px; text-align:left;max-width:290px;overflow:hidden;text-overflow:ellipsis;padding:0 5px;min-width:200px;}
.zt-v-list ul li .videoDesc .title a{max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #438fe2; font-size: 13px;}
.zt-v-list ul li .videoDesc .l-title a{max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #438fe2; font-size: 13px;}
.zt-v-list ul li .videoDesc .desc div{float:left;color:#7a7a7a;font-size:12px;margin-bottom:3px;}
.zt-v-list ul li .videoDesc .desc a{color:#666}
.zt-v-list ul li .videoDesc .desc font.time{ float:right; color:#bdbdbd;}
.zt-v-list ul li .videoDesc .time{ float:right;height:34px;line-height:34px;padding-right:5px;color:#7a7a7a}
.zt-v-list ul li .videoDesc .desc .time{ float:left;height:25px;line-height:25px;padding-right:5px;}
.zt-v-list ul li .videoDesc .desc .time img{margin-top:6px;}
.zt-v-list ul li .videoDesc .video-icon{padding:8px 5px 0px 0px;}
/* .zt-v-list ul li .videoDesc div{padding:0 5px;} */

/* 专题详情 */
.special-detail{line-height:24px; margin:0px auto;float:left;width:415px;margin-left:20px;border:1px solid #ccc;height:180px;overflow:hidden;padding:10px;}
.special-title{height:40px; line-height:40px; border-bottom:1px solid #e5e5e5; margin-top:20px;}
.special-title a{padding:10px 20px;margin-right:20px;color:#666;font-size:14px;}
.special-title .sel{border-bottom:2px solid #ff7a23;color:#000;font-weight:700;}
.special-title a:hover{border-bottom:2px solid #ff7a23;color:#000}





.sp-left{float:left;width:760px;}
.sp-right{float:left;width:220px;margin-left:10px;padding-top:10px;}
.sp-right .sp-r-t{line-height:30px;font-weight:bold;color:#fff;background:#32a1da;text-indent:10px;}
.sp-right ul li{width:220px;margin-top:5px;}
.sp-right ul{margin-bottom:10px;}
.sp-right ul li img{width:220px;}
.sp-right .sp-text li{border-bottom:1px solid #efefef;text-indent:5px;line-height:30px;}
.sp-right .sp-text li:hover{box-shadow:0 3px 8px 0 rgba(7,17,27,.1);}
.sp-right .sp-text a:hover{color:#32a1da;}

/* 文章 */
.sp-a-list{margin-top:10px;}
.sp-a-list .zt-title div{float:right;margin-right:5px;}
.sp-a-list .zt-title div a{font-size:13px;font-weight:200;color:#fff;}
.sp-a-list .zt-article ul li{line-height:40px;border-bottom:1px dashed #ececec;font-size:12px;}
.sp-a-list .zt-article ul li div{float:left;}
.sp-a-list .zt-article ul .z-a-title{width:550px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-indent:5px;font-size:14px;}
.sp-a-list .zt-article ul .z-a-title a{color:#333;}
.sp-a-list .zt-article ul .z-a-title a:hover{color:#0083ce;}
.sp-a-list .zt-article ul .z-a-view{width:100px;text-align:center;color:#7a7a7a}
.sp-a-list .zt-article ul .z-a-time{width:100px;text-align:right;color:#7a7a7a}

/* 课件 */
.sp-c-list{margin-top:10px;}
.sp-c-list .zt-courseware ul li{line-height:40px;border-bottom:1px dashed #ececec;font-size:12px;}
.sp-c-list .zt-courseware ul li div{float:left;}
.sp-c-list .zt-courseware ul .z-a-title{width:395px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-indent:5px;font-size:14px;}
.sp-c-list .zt-courseware ul .z-a-title a{color:#333;}
.sp-c-list .zt-courseware ul .z-a-title a:hover{color:#0083ce;}
.sp-c-list .zt-courseware ul .z-a-view{width:60px;text-align:right;color:#7a7a7a}
.sp-c-list .zt-courseware ul .z-a-addr{width:80px;text-align:right;color:#7a7a7a}
.sp-c-list .zt-courseware ul .z-a-time{width:110px;text-align:right;color:#7a7a7a}
.sp-c-list .zt-courseware ul .z-a-cz{width:110px;text-align:right;color:#ccc}
.sp-c-list .zt-courseware ul .z-a-cz .xz{color:#32a1da;border:1px solid #32a1da;border-radius:4px;padding:1px 5px;font-size:12px;}
.sp-c-list .zt-courseware ul .z-a-cz .xz:hover{color:#fff;background:#32a1da}
.sp-c-list .zt-courseware ul .z-a-cz .sc{color:#ff9a00;border:1px solid #ff9a00;border-radius:4px;padding:1px 5px;font-size:12px;}
.sp-c-list .zt-courseware ul .z-a-cz .sc:hover{color:#fff;background:#ff9a00}
.sp-c-list .zt-courseware ul .z-a-cz .sc-sel{color:#fff;border:1px solid #ff9a00;background:#ff9a00;;border-radius:4px;padding:1px 5px;font-size:12px;}
/* 直播 */
.sp-l-list{margin-top:10px;}
.sp-l-list ul li div.img{height:165px;}
.sp-l-list ul li{ width:246px; float:left;  margin-right:10px; margin-bottom:10px;box-shadow:0 3px 8px 0 rgba(7,17,27,.1);padding-bottom:10px;}
.sp-l-list ul li div.img{ width:246px; height:165px; position:relative;}
.sp-l-list ul li div.img:hover div{ display:block;}
.sp-l-list ul li div.img .img_mask{ width:246px; height:165px; position:absolute; left:0; top:0; z-index:10;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-color:#000; display:none;}
.sp-l-list ul li div.img .imgPlay{ width:246px; height:165px; position:absolute; background:url(../images/playIcon.png) no-repeat center; left:0; top:0; z-index:100; display:none;}
.sp-l-list ul li div.img .imgPlay a{ width:246px; height:165px; display:block;}
.sp-l-list ul li div.img .playtime{position:absolute; z-index:80; right:10px; bottom:10px; color:#fff; height:24px; line-height:24px; font-size:12px; display:none;}
.sp-l-list ul li div.img img{ width:246px; height:165px;}
.sp-l-list ul li .videoDesc .desc{padding:0 0 0 5px;color:#afaeae;font-size:12px;}
.sp-l-list ul li .videoDesc .desc a{color:#4686e8}
.sp-l-list ul li .videoDesc .l-title{ float:left;height:34px; line-height:34px; text-align:left;max-width:290px;overflow:hidden;text-overflow:ellipsis;padding:0 5px;}
.sp-l-list ul li .videoDesc .l-title a{max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #438fe2; font-size: 13px;}
.sp-l-list ul li .videoDesc .desc div{float:left;color:#7a7a7a;font-size:12px;margin-bottom:3px;}
.sp-l-list ul li .videoDesc .desc a{color:#666}
.sp-l-list ul li .videoDesc .desc font.time{ float:right; color:#bdbdbd;}
.sp-l-list ul li .videoDesc .time{ float:right;height:34px;line-height:34px;padding-right:5px;color:#7a7a7a}
.sp-l-list ul li .videoDesc .desc .liveunit{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:240px;}
.sp-l-list ul li .videoDesc .desc .time{ float:left;height:25px;line-height:25px;padding-right:5px;}
.sp-l-list ul li .videoDesc .desc .time img{margin-top:6px;}



/* 视频 */
.sp-v-list{margin-top:10px;}
.sp-v-list ul li div.img{height:165px;}
.sp-v-list ul li{ width:246px; float:left;  margin-right:10px; margin-bottom:10px;box-shadow:0 3px 8px 0 rgba(7,17,27,.1);padding-bottom:10px;}
.sp-v-list ul li div.img{ width:246px; height:165px; position:relative;}
.sp-v-list ul li div.img:hover div{ display:block;}
.sp-v-list ul li div.img .img_mask{ width:246px; height:165px; position:absolute; left:0; top:0; z-index:10;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; background-color:#000; display:none;}
.sp-v-list ul li div.img .imgPlay{ width:246px; height:165px; position:absolute; background:url(../images/playIcon.png) no-repeat center; left:0; top:0; z-index:100; display:none;}
.sp-v-list ul li div.img .imgPlay a{ width:246px; height:165px; display:block;}
.sp-v-list ul li div.img .playtime{position:absolute; z-index:80; right:10px; bottom:10px; color:#fff; height:24px; line-height:24px; font-size:12px; display:none;}
.sp-v-list ul li div.img img{ width:246px; height:165px;}
.sp-v-list ul li .videoDesc .desc{padding:0 0 0 5px;color:#afaeae;font-size:12px;}
.sp-v-list ul li .videoDesc .desc a{color:#4686e8}
.sp-v-list ul li .videoDesc .title{ float:left;height:34px; line-height:34px; text-align:left;max-width:160px;overflow:hidden;text-overflow:ellipsis   }
.sp-v-list ul li .videoDesc .title a{max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #438fe2; font-size: 13px;}
.sp-v-list ul li .videoDesc .desc div{float:left;color:#7a7a7a;font-size:12px;margin-bottom:3px;}
.sp-v-list ul li .videoDesc .desc a{color:#666}
.sp-v-list ul li .videoDesc .desc font.time{ float:right; color:#bdbdbd;}
.sp-v-list ul li .videoDesc .time{ float:right;height:34px;line-height:34px;padding-right:5px;color:#7a7a7a}
.sp-v-list ul li .videoDesc .desc .time{ float:left;height:25px;line-height:25px;padding-right:5px;}
.sp-v-list ul li .videoDesc .desc .time img{margin-top:6px;}
.sp-v-list ul li .videoDesc .video-icon{padding:8px 5px 0px 0px;}