@charset "utf-8";

.teacherList{ margin:10px 0 0 10px;}
/***讲师列表****/
.teacherContentList { border:1px solid #dfdee0; padding:10px 20px; width:895px;}
.teacherContentList ul li{ padding:10px 0px; border-bottom:1px solid #dfdee0; height:112px;}
.teacherContentList ul li .detail{ float:right; width:100px; margin-top:41px;}
.teacherContentList ul li .detail a{ height:30px; width:80px; text-align:center; display:inline-block; background-color:#188eee; color:#fff; line-height:30px;}
.teacherContentList ul li .head{ width:112px; height:112px; float:left; margin-right:23px; border-radius:56px;}
.teacherContentList ul li .head img{width:90px; height:112px;border-radius:5px;}
.teacherContentList ul li .content{ width:660px; height:112px;}
.teacherContentList ul li .content div{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:35px; line-height:35px;}

/***讲师详情****/
.teacherInfoBlock{ width:713px; border:1px solid #e5e5e5;}
.teacherInfoTitle{ height:35px; line-height:35px; text-indent:22px; background-color:#137aa8;color:#fff; border-bottom:1px solid #e5e5e5; font-size:16px;}
.teacherInfoContent{ padding:30px 20px;width:893px; min-height:112px;}
.teacherInfoContent .teacherHead{ width:112px; height:auto; float:left; margin-right:21px; border-radius:56px;}
.teacherInfoContent .teacherHead img{width:112px; height:142px;border-radius:4px;}
.teacherInfoContent .content{width:530px; min-height:112px; float:left;}
.teacherInfoContent .content div{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-height:28px; line-height:28px; font-size:12px; color:#666;}
.teacherInfoContent .content div font{ font-size:14px; color:#333;}
.teacherInfoContent .content div.teacherjjc{ line-height:26px;display:block;white-space:normal; overflow:auto; }

.teacherRelationTitle{ margin:10px 0px 20px; height:35px; line-height:35px; font-weight:bold;border:1px solid #188eee;}
.teacherRelationTitle a{ display:inline-block; color:#188eee; padding:0px 10px; margin:0px 10px;}
.teacherRelationTitle a.current,.teacherRelationTitle a:hover{ border-bottom:2px solid #ff9a00;}
/***视频内容列表**/
.videoList{ width:770px;}
.videoList ul{ width:770px;}
.videoList ul li{ width:246px; float:left; border:1px solid #ccc; margin-right:12px; margin-bottom:20px;}
.videoList ul li div.img{ width:245px; height:165px; position:relative;}
.videoList ul li div.img:hover div{ display:block;}
.videoList ul li div.img .img_mask{ width:245px; 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:245px; 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:245px; 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:10px 6px;}
.videoList ul li .videoDesc .title{ height:34px; line-height:34px; text-align:center; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.videoList ul li .videoDesc .desc div{float:left;color:#7a7a7a;}
.videoList ul li .videoDesc .desc font.time{ float:right; color:#bdbdbd;}

/**相关培训****/
.trainPlanList{width:770px; border:1px solid #dfdee0;}
.trainPlanList ul{ width:770px;}
.trainPlanList ul li{ float:left; height:50px; line-height:50px; text-align:center; margin-right:0px; margin-bottom:0px; border:0px;}
.trainPlanList ul li.title{ width:370px;}
.trainPlanList ul li.time{ width:90px;margin-right:20px;}
.trainPlanList ul li.unit{ width:100px;}
.trainPlanList ul li.spare{ width:64px;}
.trainPlanList ul li.action{ width:110px;}
.trainPlanList .listTitle{ /*border-bottom:1px solid #dfdee0;*/background-color:#f9f9f9;}
.trainPlanList .listTitle ul li.title{ text-align:left; text-indent:120px;}
.trainPlanList .listTitle ul li.unit{ text-align:left;}
.trainPlanList .listContent ul{ border-top:1px solid #efeeef;}
.trainPlanList .listContent ul li.title{ text-indent:20px; text-align:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.trainPlanList .listContent ul li.time{font-size:12px; color:#999;}
.trainPlanList .listContent ul li.unit{ text-align:left; font-size:12px; color:#999;}
.trainPlanList .listContent ul li.spare{ font-size:12px; color:#999;}
.trainPlanList .listContent ul li.action a{ width:45px; height:20px; line-height:20px; color:#fff; font-size:12px; border-left:1px solid #9bbcdb; border-right:1px solid #9bbcdb; background-color:#0d5ca8; text-align:center; display:inline-block;}
.trainPlanList .listContent ul li.action a.sign{ background-color:#ff9a00; cursor:pointer;}
.trainPlanList .listContent ul li.action a.gray{ width:45px; height:20px; line-height:20px; border-left:1px solid #548cc2; text-align:center; color:#fff; background-color:#999; display:inline-block; font-size:12px;}
.trainPlanList .listContent ul li.action a.green{ width:45px; height:20px; line-height:20px; border-left:1px solid #548cc2; text-align:center; color:#fff; background-color:#5fb41b; display:inline-block; font-size:12px;}