/*STREAM 流派 */
.index_3{ width:1181px; margin:0 auto; overflow:hidden;}
.index_3 .index3_ft{ width:825px; float:left; height:485px; position:relative; overflow:hidden; top:-30px}
.index_3 .index3_ft a{ display:block; width:66px; height:66px; position:absolute; top:50%; margin-top:-33px; left:50%; margin-left:-33px; z-index:333; cursor:pointer;}
.index_3 .index3_ft h3{ height:46px; line-height:46px; font-size:18px; color:#fff; background:url(../images/z_31.png) no-repeat left; padding-left:24px; position:absolute; top:2px; left:48px;}
.index_3 .index3_ft h4{ height:16px; line-height:16px; font-size:16px; color:#fff; position:absolute; top:48px; left:70px;}
.index_3 .index3_fr{ width:348px; border:1px solid #DBDBDB; float:right; border-bottom:0px;}
.index_3 .index3_fr ul li{ overflow:hidden; border-bottom:1px solid #DBDBDB; position:relative; cursor:pointer; overflow:hidden; height:90px; padding:0; margin:0;background: white;}
.index_3 .index3_fr ul li a{ display:block;}
.index_3 .index3_fr ul li h4{ width:35px; height:35px; position:absolute; top:23px; left:54px;}
.index_3 .index3_fr ul li h4 a{ display:block; height:35px; /*background:url(../images/icon_video_show.png) no-repeat;*/}
.index_3 .index3_fr ul li h4 a .iconfont{font-size: 35px;color: white;}
.index_3 .index3_fr ul li img{ width:143px; height:90px; position:absolute; top:0px; left:0px;}
.index_3 .index3_fr ul li h4 img{ width:35px; height:35px;}
.index_3 .index3_fr ul li h3{ font-size:12px; padding-left:155px; padding-right:10px; margin-top:15px; line-height:16px}
.index_3 .index3_fr ul li h3 a{ height:17px; line-height:17px; display:block; width:65px; color:#fff; background:#4DADFF; font-size:12px; text-align:center; margin-bottom:5px}
.index_3 .index3_fr ul li.on h3 a{ background:#008AFF;}
.index_3 .index3_fr ul li h5 { width:143px; height:90px; background:url(../images/z_1.png); _background:none; position:absolute; top:0px; left:0px;}
@media all and (max-width:1200px) {
.index_3{ width:900px;}
.index_3 .index3_ft{ width:100%; float:none; clear:both; height:515px;}
.index_3 .index3_ft img{ width:100%; height:100%}
.index_3 .index3_fr{ width:100%; float:none; height:182px; overflow:hidden;}
.index_3 .index3_fr li{ float:left; width:50%;}
.index_3 .index3_fr ul li h4{ width:276px;}
.index_3 .index3_fr ul li h5{ width:276px;}
}
@media all and (max-width:960px) {
.index_3{ width:825px;}
.index_3 .index3_ft{ height:455px;}
.index_3 .index3_ft h3{ display:none;}
.index_3 .index3_ft h4{ display:none;}
.index_3 .index3_fr ul li img{ width:129px; height:81px;}
.index_3 .index3_fr{ height:164px;}
.index_3 .index3_fr ul li h4{ width:213px;}
.index_3 .index3_fr ul li h5{ width:213px;}
}
@media all and (max-width:740px) {
.index_3{ width:90%;}
.index_3 .index3_ft{ width:100%; height:auto;}
.index_3 .index3_ft img { display:block}
.index_3 .index3_fr ul li{ width:100%; clear:both; float:none; height:90px}
.index_3 .index3_fr ul li img{ height:90px; display:block; position:relative; float:left}
.index_3 .index3_fr{ height:auto;}
.index_3 .index3_fr ul li h4{ width:57%;}
.index_3 .index3_fr ul li h5{ width:57%;}
}

.video_lm { max-width:1181px; margin:0 auto; width:98%; position:relative; z-index:232}
.video_list  { width:1096px; margin:0 auto; padding-top:20px; position:relative; z-index:231}
.video_list ul li { float:left; text-align:center; width:274px; position:relative; _height:305px}
.video_hot.video_list ul li { _height:198px; padding-bottom:3px}
.video_list ul li img { width:254px; max-height:190px}
.video_list ul li h5 { position:absolute; left:50%; margin-left:-30px; top:65px; width:60px; height:60px; background:url(../images/icon_video_show2.png)}
.video_list ul li i.iconfont { position:absolute; left:50%; margin-left:-25px; top:60px; width:50px; height:54px; line-height:50px; font-size:50px; font-weight:normal; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7}
.video_hot.video_list ul li i.iconfont { top:70px}
.video_list ul li i.iconfont a { color:#fff; display:block;}
.video_list ul li i.iconfont a:hover { color:#EF2E24}
.video_list ul li:hover i.iconfont a { color:#EF2E24}
.video_list ul li h4 { position:absolute; left:10px; top:0; width:254px; height:190px; background:url(../images/video_2.png); color:#fff; line-height:50px; font-size:12px; font-weight:normal; text-align:left; display:none; background:none\0;background:none\\0;*background:none}
.video_list ul li h4 span { display:block; width:60px; background:url(../images/video_3.jpg) left no-repeat; margin-left:20px; float:left; padding-left:20px}
.video_list ul li h4 a { display:block; font-size:14px; margin-top:30px; padding-left:50px; background:url(../images/icon_video_show.png) left no-repeat; margin-left:20px; line-height:24px; color:#fff; font-weight:bold; padding-right:20px; min-height:35px}
.video_list ul li h3 { width:214px; margin:0 auto; text-align:left; padding-top:20px; line-height:30px; height:90px; background:#fff}
.video_list ul li:hover h3 a { color:#ccc}
.video_list h2 { font-size:20px; line-height:30px; padding-left:10px; padding-bottom:20px; font-weight:normal}
.hots2 { width:528px; float:left; height:388px; position:relative; padding:0 10px}
.hots2 img { width:100%; height:100%}
.hots2 h5 { position:absolute; left:10px; top:0; width:528px; height:100%; background:url(../images/icon_video_show2.png) center no-repeat}
.hots2 h5 a { display:block; height:100%; z-index:222}
.hots2 h4 { position:absolute; left:10px; top:0; width:528px; height:388px; background:url(../images/video_2.png); color:#fff; line-height:50px; font-size:12px; font-weight:normal; text-align:left; z-index:221}
.hots2 h4 span { display:block; width:60px; background:url(../images/video_4.jpg) left no-repeat; margin-left:20px; float:left; padding-left:20px}
.hots2 h4 a { display:block; font-size:16px; margin-top:10px; margin-left:20px; line-height:24px; color:#fff; font-weight:bold; padding-right:20px; min-height:35px}
.hots2:hover h5 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5}
@media all and (max-width:1096px) {
.video_list { width:822px;}
}
@media all and (max-width:822px) {
.video_list { width:548px;}
.hots2 { margin-bottom:10px}
}
@media all and (max-width:548px) {
.video_list { width:80%;}
.video_list ul li { width:100%; float:none}
.video_list ul li img { width:100%; height:auto}
.video_list ul li h5 { top:25%}
.video_list ul li h4 { left:0; width:100%; height:100%}
.video_list ul li h3 { width:80%}
.hots2 { display:none}
.video_list ul li i.iconfont { top:24%; /*margin-top:-95px*/}
.video_hot.video_list ul li i.iconfont { top:50%; margin-top:-25px}
}
/*-----------------------------------------------------------视频详细-------------------------------------------------------------*/
.video_id { background:#000;}
.video_id .video_play { width:95%; max-width:1181px; margin:0 auto; height:600px; background:#444}
@media all and (max-width:1096px) {
.video_id .video_play { height:500px;}
}
@media all and (max-width:822px) {
.video_id .video_play { height:400px;}
}
@media all and (max-width:548px) {
.video_id { margin-top:50px}
.video_id .video_play { height:300px;}
}
.video_id .video_title { width:95%; max-width:1181px; margin:0 auto; padding-top:15px}
.video_id .video_title h3 { width:140px; float:left; color:#fff; font-size:12px; font-weight:normal}
.video_id .video_title h3 a { display:block; width:60px; background:url(../images/video_4.jpg) left no-repeat; float:left; padding-left:20px; color:#fff}
.video_id .video_title h1 { font-size:12px; color:#fff}
.video_id .video_title h1 a { color:#fff}
.video_id .video_title h4 { color:#999; font-weight:normal}
.video_id .fenxiang { float:right; margin-right:20px; padding-top:30px}
.bgf5 { background:#f5f5f5}
.video_pl {background:#f5f5f5; border-bottom:1px #ddd solid}
.video_pl h2 { max-width:712px; width:90%; margin:0 auto; padding-top:10px; line-height:70px; font-weight:normal; font-size:14px; color:#676767}
.video_pl h2 span { font-size:18px; color:#333}
.video_pl .pl_s1 { height:112px; max-width:710px; width:90%; margin:0 auto; margin-bottom:15px}
.video_pl .pl_s1 .video_textarea { border:0 none; width:100%; height:100%; border:1px #ccc solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.video_pl .submit_video { border:0 none; max-width:712px; width:90%; height:34px; line-height:34px; background:#4385F5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; cursor:pointer; color:#fff; margin:0 auto; display:block; font-size:14px; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei"}
.video_comments{max-width:710px; width:90%; margin:0 auto; margin-bottom:40px}



/*控制首页教学滚动*/
#demo {
     overflow:hidden;
     width: 1181px;
    }
    #demo img {
     border: 1px solid #F2F2F2;
    }
    #indemo {
     float: left;
     width: 800%;
    }
    #demo1 {
     float: left;
    }

	.in_p{width:390px; float:left;}
	.in_pimg{width:380px; float:left;}
	.in_ptxt{width:380px; float:left; text-align:center; height:22px; line-height:22px;}
    #demo2 {
     float: left;}
/**/