@charset "utf-8";
/* CSS Document */
body {background: #fff}
.banner_video { background: #353535;}
.banner_video .video_in { height: 293px; position: relative; overflow: hidden; }
.banner_video .video_in ul { position: absolute;}
.banner_video .video_in ul li { float: left; width: 1440px;}
.banner_video .video_in  img{ width: 100%;}
.banner_video .video_in .btn { position: absolute; left: 570px; bottom: 40px; width: 300px; height: 10px;}
.banner_video .video_in .btn .b_block { float: left; margin-right: 10px; width: 40px; height: 5px; background: #ff9000; cursor: pointer;}
/* banner content */
.bannerframe { background:url(http://static.shibangchina.com/images/video/banner-video.jpg) no-repeat center; }
.bannerframe a { color:#fff;}
.bannerframe a:hover { color:#fff;}
.jjfaBanner { height:183px;}
.jjfaBanner .jjfaBanner-B{padding-top:29px;}
.jjfaBanner .jjfaBanner-B li { list-style:none; height:27px; float:left; margin-bottom:5px;}
.jjfaBanner .jjfaBanner-B a{ display:block;  float:left; text-decoration:none; height:25px;  margin-right:50px; text-align:center;}
.jjfaBanner .jjfaBanner-B .now {border-bottom:#F96 solid 1px;}
.fuwu { height:80px; padding-top:20px;}
.fuwu .title {font-size: 30px; color:#fff;font-weight: bold}
.fuwu .position {color:#fff; padding-top:5px;}
.video_content { margin: 40px auto; width: 1024px;  }
.video_left { width: 751px; float: left; }
.video_left .video_left_title {border-top: 1px solid #ccc;}
.video_left .line { height: 3px; _height:0px; background: #ccc; _background:#fff; width: 100px;}
.video_left h1 { font: bold 18px "Microsoft YaHei"; color: #515151; padding-left: 10px; margin-top: 5px;}
.video_left h1 a { color: #515151;}
.video_left .v_list { margin: 20px 0 30px 0;}
.video_left .v_list .hotB { float: left;  width: 354px;}
.video_left .v_list .hotB .img { position:relative;}
.video_left .v_list .hotB .img img { width: 354px; height: 200px;}
.video_left .v_list .hotB .img p { position: absolute; bottom: 0; *+bottom:4px;  _bottom:80px; left: 0; background: #000; font: bold 16px/35px "Microsoft YaHei"; text-indent: 0.5em; color: #fff; width: 100%; opacity: 0.8; filter:alpha(opacity=80);}
.video_left .v_list .hotB .dis { color: #666; line-height: 150%; margin-top: 20px;}
.video_left .v_list .hotS { float: right; width: 397px;}
.video_left .v_list .hotS ul li { width: 170px; height:170px; float: left; margin-left:28px; _margin-left: 18px;}
.video_left .v_list .hotS ul li:hover { background: #edecec;}
.video_left .v_list .hotS ul li div { position: relative;}
.video_left .v_list .hotS ul li div img { width: 170px; height: 90px;}
.video_left .v_list .hotS ul li div p { position: absolute; bottom: 0; *+bottom:4px;  _bottom:70px; left: 0; background: #000; color: #fff; text-indent: 0.5em; height: 27px; line-height: 27px; width: 100%; opacity: 0.8; filter:alpha(opacity=80);}
.video_left .v_list .hotS .dis_li { color: #666; line-height: 150%; margin: 15px 0;}

.video_left .v_list .pro { width: 775px; margin-left: -23px;}
.video_left .v_list .pro ul li { width: 170px; height:170px; float: left; margin-left: 23px; _margin-left: 18px; }
.video_left .v_list .pro ul li div { position: relative;}
.video_left .v_list .pro ul li div img { width: 170px; height: 90px;}
.video_left .v_list .pro ul li div p { position: absolute; bottom: 0; *+bottom:4px;  _bottom:70px; left: 0; background: #000; color: #fff; text-indent: 0.5em; height: 27px; line-height: 27px; width: 100%; opacity: 0.8; filter:alpha(opacity=80);}
.video_left .v_list .pro .dis_li { color: #666; line-height: 150%; margin: 15px 0;}

.video_right { float: right; width: 245px;}

.video_right .logo_focus h1 { font: bold 18px "Microsoft YaHei"; color: #433f3f; margin-top: 8px;}
.video_right .logo_focus h2 { font: bold 18px "Microsoft YaHei"; color: #433f3f; margin-top: 20px;}
.video_right #video { display: none;}
.video_right .video { margin-top: 20px;}
.video_right .new { margin-top: 10px; cursor: pointer;}
.video_right .new:hover { background: #edecec;}
.video_right .new img { float: left; width: 90px; height: 50px;}
.video_right .new p {float: left; width: 120px; margin-left: 20px; line-height: 150%; margin-top: 5px;}

.video_right .zhuanti { margin-top: 55px; padding-bottom: 20px;}
.video_right .zhuanti h1 { font: bold 18px "Microsoft YaHei"; color: #433f3f; padding: 10px 0 20px 0; text-indent: 0.5em;}
.video_right .zhuanti div { margin-top: 15px;}
.video_right .zhuanti img {}

.video_right .sort { margin-top: 10px;}
.video_right .sort h1 { font: bold 18px "Microsoft YaHei"; color: #433f3f;}
.video_right .sort #sort_list_1 { margin-top: 15px;}
.video_right .sort #sort_list_1 li { float: left; margin-right:5px;width: 76px; height: 27px; text-align: center; padding: 2px 0; background: url(http://static.shibangchina.com/images/video/b2.jpg) no-repeat; cursor: pointer;}
.video_right .sort #sort_list_1 .cur { background:url(http://static.shibangchina.com/images/video/b1.jpg) no-repeat; color: #fff; }
.video_right .sort .hot_list { display: none;}
.video_right .sort .hot_list ul li { margin-top: 15px; cursor: pointer;}
.video_right .sort .hot_list ul li:hover { background: #edecec;}
.video_right .sort .hot_list ul li img { float: left; width: 133px; height: 76px;}
.video_right .sort .hot_list ul li p { float: left; width: 90px; margin-left: 10px; line-height: 150%; margin-top: 15px;} 


.cul_list { float: left; border-top: 1px solid #ccc; width: 490px; margin-left:44px;}
.cul_list .line2 { height: 3px; background: #ccc; width: 100px; _background:#fff;}
.cul_list h1 {font: bold 18px "Microsoft YaHei"; color: #433f3f; margin-top: 8px; margin-bottom: 20px;}
.cul_list h1 a { color: #433f3f;}
.cul_list .cul_left {  float: left; width:294px; }
.cul_list .cul_left div {position: relative;}
.cul_list .cul_left div img { width: 294px; height: 200px;}
.cul_list .cul_left div p { position: absolute; bottom:0;  *+bottom:4px; _bottom:55px; left: 0; background: #000; opacity: 0.8; filter:alpha(opacity=80); font: bold 16px/35px "Microsoft YaHei"; text-indent: 0.5em; color: #fff; width: 100%;  }
.cul_list .cul_right { float: left; width: 170px; margin-left: 26px; _margin-left: 20px; }
.cul_list .cul_right ul li div { position: relative;  _height:90px;}
.cul_list .cul_right ul li div img { width: 170px; height: 90px;}
.cul_list .cul_right ul li div p { position: absolute;  bottom: 0; *+bottom:4px; left: 0; background: #000; color: #fff; text-align: center; height: 27px; line-height: 27px; width: 100%; opacity: 0.8; filter:alpha(opacity=80);}
.cul_list .cul_dis { color: #666; line-height: 150%; margin: 17px 0;}

.search { width: 100%; background:#edecec; height: 72px; }
.search p { width: 100%; max-width: 1024px;  margin: 0 auto;}
.search p span {font: bold 18px "Microsoft YaHei"; color: #433f3f; line-height: 72px; }
.search p a {font-size:14px; padding: 0 50px; }

.nav_foot { width: 100%; background: #a7a7a7; padding: 30px 0;}
.nav_foot .nav_foot_list { width: 100%; width: 1024px;  margin: 0 auto;}
.nav_foot .nav_foot_list .nav_foot_list_li{ float: left; margin-right: 100px;}
.nav_foot .nav_foot_list .nav_foot_list_li h4 { font: bold 16px "Microsoft YaHei"; color: #fff;}
.nav_foot .nav_foot_list .nav_foot_list_li ul { margin-top: 20px;}
.nav_foot .nav_foot_list .nav_foot_list_li ul li { margin-top: 10px;}
.nav_foot .nav_foot_list .nav_foot_list_li ul li  a { color: #fff;}
.nav_foot .nav_foot_list .nav_foot_list_li .number {  font: bold 30px "Microsoft YaHei"; color: #fff; margin: 10px 0;}

.content {}
.content .content_title { font-family: "Microsoft YaHei"; font-size: 24px; color:red; padding: 20px 0;  }
.content_left { width: 63%; height: auto; background: #333; float: left;}
.content_right { width: 35%; height: 520px; float: right; overflow: hidden;}
.content_right .v_name { background: #E0E2E2; padding: 20px 0; font-family: "Microsoft YaHei"; font-size: 20px; color: #333;}
.content_right .v_name span { margin-left: 30px; font-weight: bold; color: #000;}
.content_right .share { background: #E0E2E2; padding: 5px 30px; margin-top: 2px; }
.content_right .share div p { float:left; margin-right:20px; height:25px;}
.content_right .share div p img { margin-right:15px; float:left;}
.content_right .share div p span {float:left; margin-top:5px;}
.content_right ul { height: 400px; overflow: scroll;}
.content_right ul li { margin-top: 2px; background: #E0E2E2; padding: 15px;}
.content_right ul li img { float: left; width: 104px; height: 60px; border:1px solid #ccc;}
.content_right ul li p img {width: 15px; height: 12px; margin-top: 5px; border: none;}
.content_right ul li .introduce { float: left; margin-left: 20px; width: 50%;}

.bottom { margin: 30px 0; padding: 20px 20px; background: #E0E2E2; }
.bottom h1 { font-family: "Microsoft YaHei"; font-size: 18px; color: #000; font-weight:bold; margin-bottom:10px;}


@media screen and (max-width:980px){
.jjfaBanner { width:90%; }
.jjfaBanner .jjfaBanner-B { width:100%; padding-top:0;}
.jjfaBanner .jjfaBanner-B li { width:25%;}
.jjfaBanner .jjfaBanner-B a { margin-right:0;}
.content .content_title { text-align: center;}
.content_left { width: 90%; float: none; margin: 0 auto; }
.content_right { width: 90%;float:none; height: auto; margin: 10px auto;}
.content_right ul { height: auto; overflow:visible;}
.bottom { margin: 10px auto; width: 90%}
}
@media screen and (max-width:600px){
.bottom {width: 80%}
}
@media screen and (max-width:400px){

}