@charset "utf-8";
/* CSS Document */

.ccH5Poster img{
    width: 1000px;
    height: 600px;
}
/*视频介绍*/
#ccH5historyTimeBox{opacity:0 !important}
.top-content{height:612px;}

.top-content{ width:1070px; margin-top:20px;}
/*左边 视频*/
.content-left{float:left; width:78%; background-color:#000; float:left;height:612px;width: 85%;}

.content-left img{ padding:55px 100px;}


/*右边 课程目录导航*/
.content-right{ width:270px;color:#fff;background:#393939; overflow:hidden; height:612px;width: 15%; position: absolute;z-index: 1000; right:0px;top:0px;}


.right-title{ font-size:20px;  padding-top:40px;}

.title4,.videolist{font-size:14px;}

.title4{margin-top:25px; padding-bottom:10px; color:rgba(255,255,255,0.3)}

.videolist { width:285px;background:#393939; }

.videolist ul{ background:#393939; margin-top:-10px;}

.videolist ul li { margin-top:10px; height:50px;position: relative;
}

.videolist ul li a{ color:rgba(255,255,255,0.5); display:block;height:50px; background-color:rgba(0,0,0 ,0.1);}

#change-video1{ color:#fff;}

.conte.selected {background-color:rgba(35,122,228,0.5) !important; border-left:2px solid #237ae4;}

.videolist ul li a .head-name{ padding-top:15px;}

.videolist ul li a .play-icon{ margin-left:170px;   position: absolute;
    bottom: 8px;}

.videolist ul li a:hover{ color:#ccc !important;}

/*滚动条*/
.content-right .scroll_container {overflow: hidden;position: relative;background:#393939;  }

.content-right .scroll_absolute {position: absolute;}

.content-right .scroll_vertical_bar { position: absolute; top: 0; right: 0;width: 17px; height: 100%;background:#000;margin: 0; padding: 2px;}

.content-right .scroll_track {position: relative;background-color: #000;}

.content-right .scroll_drag {position: relative;top: -10px;left: 0;background-color: rgba(255,255,255,0.2); height:10px;}

.content-right .scroll_arrow {text-indent: -20000px;display: block;background-color: #000;}

.content-right .scroll_vertical_bar .scroll_arrow {height: 16px;}
/*滚动条end*/


/*下部 课程 评论 讲师*/
.main-bottom{ margin-top:23px; width:1080px; margin-bottom:150px;}

/*左边*/
.bottom-left{float:left; width:750px;}

.bottom-nav,.teacher,.list-title{font-size:18px;}

.bottom-nav ul li{float:left; list-style:none; padding:12px; color:#4c4c4c;}

.nav1{color:#237ae4; cursor:pointer;}

.nav2{margin-left:40px;cursor:pointer;}

/*分割线*/
.line,.line-1, .line-2, .line-3{ border-bottom:1px solid #e5e5e5; margin-top:15px;}

#short-line{ width:110px; border:1px solid #237ae4; margin-left:0px; margin-top:-2px;}

/*课程简介*/
.brief-course,.teacher,.img1,.information{color:#4c4c4c;}

.brief-course{ margin-top:30px; font-size:14px; padding-left:12px;}

.brief-course p{ line-height: 25px;}

.course-list{ margin-top:70px; }

.course-list .list-title{ color:#4c4c4c;margin-left:12px; display:block; margin-bottom:25px;}

/*相关视频*/
.course-list ul{margin-left:12px;}

.course-list ul li{ float:left; margin-top:30px; margin-right:15px; position:relative; overflow:hidden; width:160px; height:120px;} 

.course-list ul li a{ display:block;}

/*相关视频悬浮效果*/
.hidden{width:180px;height:120px;background:rgba(0,0,0,0.7);font-size:12px;padding:0px 5px;position:absolute;bottom:-120px;left:0px;}

.hidden p{color:#FFF;}

.hidden .palying img{vertical-align:middle;padding-right:8px;width:12px;height:12px;}

.hidden p{line-height:22px;}

.hidden .title{padding:10px 0px;font-size: 14px;text-align:left;}

.hidden .palying{text-align:right;position:absolute;bottom:10px;right:20px;}

.hidden {width:180px; height:120px;}

.show-info {width:180px;height:120px;}
/*评论*/
#show-comment{ margin-top:30px; display:none; width:710px;}

.input-textarea{ margin-top:18px; margin-left:10px; }

.input-textarea .input-comment{ height:100px; border:1px solid #cccccc; color:#000; font-size:14px; resize:none; line-height:22px; padding:10px 0px 8px 10px;}

.input-comment:hover{ border-color:#237ae4;}

.btn,.btn1{ margin-top:14px; height:30px; line-height:30px;}

.textarea-num{color:#999; font-size:14px; float:left; margin-left:20px;}

.btn button{ float:right;color:#4c4c4c; background-color:#fff; cursor:pointer;border:1px solid #e5e5e5; width:80px; height:30px; font-size:14px;}

.btn button:hover{ border-color:#237ae4;}