/* 大banner推荐 */
.banner{height: 450px; margin-top: 30px; position: relative;}
.banner_change{width: 870px;height: 450px;background: #f3f3f3;border-radius: 5px; position: relative;}
.banner_img{width: 870px;height: 450px; overflow: hidden;}
.banner_img .list{width: 99999999px;}
.banner_img item{width: 870px;height: 450px;}
.banner_img img{width: 870px;height: 450px;border-radius: 5px;}
.banner_change .page{position: absolute; right: 15px;bottom: 25px;/*width: 10px;*/word-wrap: break-word; text-align: right;}
.banner_change .play{position: absolute; display: block; width: 49px; height: 49px; background: url(../images/banner_play.png); top:193px; right:-24px;}
.banner_change .play:hover{opacity: .95;filter:alpha(opacity=95);}
.banner .banner_txt{width: 245px; height: 370px; padding:60px 45px 20px 40px; background: #FFFFFF url(../images/bg_banner_txt.png) no-repeat center 60px;}
.banner .banner_txt .info{line-height: 36px;text-indent: 2em;  height: 180px;overflow: hidden;}
.peo{margin-top: 30px; font-weight: bold; font-size:26px;}
.peo_info{line-height: 46px;}
.banner_direct{position: absolute;display: block;border-radius: 50%;width: 30px; height: 30px;background: #f3f3f3; text-align: center;  top:200px; line-height: 30px;}
.banner_direct:hover{background: #326cf6;color:#fff;}
.banner_left{left:-40px;}
.banner_right{right:-40px;}

/**************列表************/
.video_list_banner{height: 262px;background: url(../images/video_list_banner.png);}
.position{ padding-top:10px; line-height: 50px;border-bottom: 1px solid #e7e7e7;}
.position a{color:#333; margin-right: 5px;}
.position i{margin-right: 5px;}
.position a:hover{color:#326cf6;}
/*************筛选框**************/
.video_choose_box{}
.video_choose{margin-top:15px; padding:15px 30px;}
.video_choose p{line-height: 35px;}
.video_choose p.bor{border-bottom: 1px solid #e7e7e7;}
.video_choose b{background: #ddd;display: block;width: 1px;height: 14px;position: relative;top: 10px; margin: 0 40px 0 35px;}
.video_choose a{color:#333;margin-left: 10px;padding: 6px 9px;text-align: center;border: 1px solid #fff;}
.video_choose a:hover,.video_choose a.active{background:#edf3ff;color:#326cf6;border-radius: 17px;/* border: 1px solid #6692f2; */}
.video_box_tit a.fl{display: block;padding: 0px 12px;border-radius: 16px;line-height: 30px;margin-right: 25px;text-align: center;}
.video_box_tit a.active{background:#326cf6; color: #fff;}
.video_box_tit{display:flex;}
.video_box_tit .search{width: 352px;height: 30px;line-height: 30px;}
.video_box_tit .search-btn{width: 65px;height: 30px;line-height: 30px;top: 0px;left: 1px;font-size: 14px;}
.video_box_tit .search-input{width: 250px;height: 30px;line-height: 30px;outline: none;top: -1px;}

/**************视频播放****************/
.video_play{height: 460px; margin-top: 30px;}
.video{width: 870px; height: 460px; border-radius: 5px; overflow: hidden;}
.video .videoBackImg{position: relative}
.video .videoBackImg .play{position: absolute; width: 46px; height: 46px; top:222px; left: 410px; background: url(../images/play.png) no-repeat;}
.video .videoImg{width: 870px; height: 460px;}
.video_lesson{width: 300px;height: 460px;background: #f7f7f7 url(../images/bg_lesson.png) no-repeat bottom right;padding-left: 20px;}
.video_teacher{width: 260px; padding-top: 35px; border-bottom:1px solid #ededed; position: relative;}
.video_teacher .teacher_img{width: 56px; height: 56px; border-radius: 50%; overflow: hidden;}
.video_teacher .teacher_info{margin-left: 5px; padding-bottom: 15px;}
.video_teacher .teacher_info .name{font-size:26px;font-weight: bold;}
.video_teacher .teacher_info .school{margin-top:10px;}
.video_teacher a{color: #333; position: absolute; right: 0px; top: 15px;}
.video_teacher a:hover{color: #326cf6;}
.lesson{margin-top:25px;width: 300px;height: 270px;overflow: hidden;overflow-x: hidden;overflow-y: auto;}
.lesson ul li{line-height: 20px;margin-bottom: 10px;}
.lesson ul li a{color:#666}
.lesson ul li a:hover{color:#326cf6}
.lesson ul li a.active{color:#326cf6;/* font-size:16px; *//* font-weight: bold; */}
.video_play .opt{text-align: right; margin-right:30px;  margin-top: 20px; color: #666;}
.video_play .opt a{color:#666; margin-left: 10px;}
.video_play .opt a:hover,.video_play .opt a.active{color:#326cf6;}

.line{height: 20px;border-bottom: 1px solid #e7e7e7;}
.main{ width: 870px; }
.main h1{font-size: 26px;}
.main h3{line-height: 30px;}
.main .content{ line-height: 24px; text-indent: 2em;}
.main .content p{margin-top:20px;}
.comment{ margin-top: 70px;}
/***************评论*****************/
.comment textarea{width:870px; height: 105px;border:1px solid #eee;outline: 0;padding:10px;}
.comment #btnSubmit{background: #326cf6;width: 110px; height: 36px;line-height: 36px;border-radius: 5px;}
.comment #btnSubmit:hover{background: #3160c2;}
.comment .list{margin-top: 50px;}
.comment .list li{border-bottom: 1px solid #eee; padding-bottom: 30px;}
.comment .list .useravatr{width: 46px; height: 46px; border-radius: 50%;overflow: hidden;}
.com_content{margin-left: 25px;width: 730px;}
.com_content .con{line-height: 30px;}
.comment .list .more{line-height: 30px; text-align: center;}
.comment .list .more a{color:#1a4aaf;}

.main_r{width: 280px; }
.main_r .tit{font-size:22px;}
.main_r .tit span{display: block;width: 3px; height: 16px; background: #1a4aaf;margin-right:10px;margin-top: 5px;}
.reVideo .video_img{width: 280px; height: 177px; border-radius: 4px; overflow: hidden; position: relative;}
.reVideo img{width: 280px; height: 177px;}
.reVideo .video_img .time{position: absolute; bottom:5px; right:10px; padding: 0px 6px; height: 20px; line-height: 20px; background: #000000;opacity:0.5;filter:alpha(opacity=50); }
.reVideo .intro{width: 248px; border: 1px solid #eee; border-top:none; padding:10px 15px; line-height: 30px;}
.reVideo .intro a{color:#333;}


/* 视频模块 */
.video_box_tit .change{border-radius: 4px;color: #999;font-size: 12px;height: 20px;line-height: 20px;margin-right: 0;margin-left: 10px;border: 1px solid #dedede;padding: 2px;}
.video_box_tit .change i{font-size:12px;}
.video_box_tit .change:hover{color: #3160c2;}
.videolist li{width: 284px;margin-right: 21px;margin-bottom: 15px; position: relative; border-radius: 6px;box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 8%);}
.videolist li:nth-child(4n){margin-right:0}
.videolist li .type{right: 0;top: 0px;display: block;width: 64px;height: 22px;line-height: 22px;z-index: 99;}
.videolist li .type1{background: url(../images/video/type.png) center no-repeat;}
.videolist li .type2{background: url(../images/video/type1.png) center no-repeat;color: #bc9d4a;}
.videolist li .relative{width: 284px;height: 190px;overflow: hidden;border-radius: 6px 6px 0 0;}
.videolist li .relative .mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.3);z-index: 1000; display: none;}
.videolist li .mask img{width: 45px; height: 45px; position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; cursor: pointer;}
.videolist li img{width: 284px;height: 190px;}
.videolist li:hover .mask{display: block;}
.videolist li .tit{padding: 2px 3px;border-radius: 3px;font-size: 12px;}
.videolist li i{font-size: 18px; position: relative; top: 2px;}
.videolist li .bot{padding: 8px 10px 5px 10px;}
.videolist li .bot img{border-radius: 50%; width: 24px; height: 24px; position: relative; top:-2px;}
.videolist li .bot span.fr{background: url(../images/botline.png) bottom center no-repeat;}
.videolist li .bot .subject{max-width:160px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.videolist li a:hover h3{color: #326cf6;}
.videolist li:hover{box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 8%);}