a:hover {text-decoration: none;}
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}

.container {width: 1200px;margin: 0 auto;}

/*头部样式*/
#header { background:#eef4f8}
#header .logo {width:40%; float:left;}
#header .lan{ float:left; width:60%; text-align:right; margin-top:40px;}
#header .lan a{ padding-left:25px; margin-right:15px; font-size:12px;}
#header .lan a.lan1{ background:url(../images/lan1.jpg) no-repeat left;}
#header .lan a.lan2{ background:url(../images/lan2.jpg) no-repeat left;}
#header .lan a.lan3{ background:url(../images/lan3.jpg) no-repeat left;}
#header .lan a.lan4{ background:url(../images/lan4.jpg) no-repeat left;}
#header .lan a.lan5{ background:url(../images/lan5.jpg) no-repeat left;}
#header .lan a.lan6{ background:url(../images/lan6.jpg) no-repeat left;}
#header .lan a.lan7{ background:url(../images/lan7.jpg) no-repeat left;}

.pc_menu{ background:#272727}
.pc_menu .menu .nLi {float: left;width: 11.1%;position: relative;}
.pc_menu .menu .nLi h3 {}
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #fff ; font-size:14px;line-height: 60px; font-weight:normal;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;text-transform:Uppercase}
.pc_menu .menu .nLi h3 a:hover{ background:#be000f; font-size:16px;}
/*.pc_menu .menu .nLi .menu_2 {display: none;background: #4e2d0e;position: absolute;top: 80px;width: 100%;z-index: 10;padding:10px 0}
.pc_menu .menu .nLi .menu_2 li a {display: block;color: #fff;line-height:24px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
*/
/*大图样式*/
#banner {position: relative; overflow: hidden;}
#sub_banner{ height:400px;}
#banner .owl-theme .owl-controls .owl-dots {position: absolute;bottom: 2%;width: 100%;}/*大图下方点点的位置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev,#banner .owl-theme .owl-controls .owl-nav .owl-next{ position:absolute; bottom:50%;padding:15px 10px}/*箭头的设置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;}
#banner .owl-theme .owl-controls .owl-nav .owl-next{ right:5%;}
#banner #owl-demo a.item { display:block; background-position:top center; background-repeat:no-repeat;height: 100%;width: 100%; background-size:auto 100%}
#owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 630px;}/*大图记得修改高度*/

/*底部样式*/
#footer .friendship {margin: 20px 0;}
#footer .friendship h4 {}
#footer .friendship  a {padding: 0 30px;}

#footer .copyright {background: #070707;text-align: center; color:#fff; line-height:24px; padding:10px 0}
#footer .copyright a{color:#fff;}


.sub_content{ background:url(../images/sub_bg.jpg) repeat-x top}
.crumb{ height:20px; line-height:20px; margin-top:30px; margin-bottom:12px; background:url(../images/crumb_ico.jpg) no-repeat left; padding-left:30px;}
/*内页样式*/
.main {width:900px; float:right}
.article{ padding:40px 15px;}
/*pc侧边栏分类样式*/
._aside { width: 280px;float: left; background:url(../images/aside_bg.jpg) no-repeat bottom; padding-bottom:250px; margin-bottom:25px;}
._aside > h2 { background:url(../images/aside_title.jpg) no-repeat; height:142px;text-align:center; line-height:142px; position:relative; margin-top:-80px; z-index:10; margin-bottom:3px;}
._aside > h2 span{ color:#fff; font-size:30px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
/*一级的样式*/
._aside ul.sidemenu > li.sub1 ul {display: none;}
._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:60px; line-height:60px; text-align:center; background:#f2f2f2; margin-bottom:3px;}
._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {color: #fff; background:#434343}
/*二级的样式*/
/*._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #ff0000;}
*//*三级的样式*/
/*._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3.current > a.sub3_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3:hover > a.sub3_a{}
*/


/*新闻详情页样式，若不需要请删除*/
.news_detail .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;}
.news_detail .title h3 {font-size:16px;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px}
.news_detail .title .box {display: inline-block;text-align: center;}
.news_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.news_detail .title .box div {margin-right: 5px;}
.news_detail .title .box .time {float: left;text-align: center;}
.news_detail .title .box .eye {float: left;text-align: center;}
.news_detail .title .box .back {float: left;}
.news_detail .news_detail_content {margin-top: 15px;}
.news_detail .pageTurning {margin-top: 15px;}
.news_detail .pageTurning .prevs,
.news_detail .pageTurning .nexts {background: #ddd;line-height:250%;padding:0 10px;}
.news_detail .pageTurning .prevs {margin-bottom: 5px;}


/*产品详情页样式，若不需要请删除*/
.product_detail .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;}
.product_detail .title h3 {font-size:120%;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px;}
.product_detail .title .box {display: inline-block;text-align: center;}
.product_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.product_detail .title .box .back {float: left;}
.product_detail .product_detail_images {padding-top: 15px;text-align: center;position: relative;}
.product_detail .product_detail_images .product_detail_btn2 {position: absolute;right: 2%;top: 48%;background:url(../images/global/rgb0.3.png);z-index: 100;font-size:0;}
.product_detail .product_detail_images .product_detail_btn1 {position: absolute;left: 2%;top: 48%;background:url(../images/global/rgb0.3.png);z-index: 100;font-size:0}
.product_detail .product_detail_images .product_detail_btn1 a img,.product_detail .product_detail_images .product_detail_btn2 a img{  margin: 10px 5px;}
.product_detail .product_detail_images .owl-carousel .owl-item img {width:auto;  margin: auto;cursor: pointer;max-width:100%;}
.product_detail .product_detail_images .owl-theme .owl-controls {position: absolute;bottom: 2%;width: 100%;}
.product_detail .product_detail_images .product_detail_img {width: 80%;margin: 0 auto;}
.product_detail .product_detail_content {margin-top: 20px;margin-bottom: 20px;}
.product_detail .pageTurning {margin-top: 15px;}
.product_detail .pageTurning .prevs,
.product_detail .pageTurning .nexts {background: #ddd;line-height:250%;padding:0 10px;}
.product_detail .pageTurning .prevs {margin-bottom: 5px;}
 .pswp__bg{ background:url(../images/global/rgb0.8.png)}
 
 .content{ background:url(../images/bg.jpg); padding:60px 0}
 .left_box{ width:800px; float:left;}
 .right_box{ float:right; width:388px;}
 .right_box .video_box{cursor:pointer}
 .about{ width:477px; float:left; background:url(../images/about_bg.jpg) no-repeat; padding:35px 15px 0 15px; height:283px;}
 .about .title{ position:relative}
 .about .title:before{ display:block; content:" "; position:absolute; bottom:-10px; left:0;width:200px; height:1px; background:#fff;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
  .about:hover .title:before{ width:80%;}
 .about .title b{ font-size:30px; color:#fff; display:block; margin-bottom:10px;}
 .about .title span{ font-size:18px; color:#929292; display:block}
 .about .inner p{ color:#e1e1e1; line-height:24px; height:72px; overflow:hidden; margin-top:30px; margin-bottom:20px;}
 .about .inner .about_btn a{ color:#fff; padding-left:30px;height:30px; line-height:30px;  float:left;  width:25%}
 .about .inner .about_btn a.about_btn1{ background:url(../images/about_ico1.png) no-repeat left center;  }
 .about .inner .about_btn a.about_btn2{ background:url(../images/about_ico2.png) no-repeat left center;  }
 .about .inner .about_btn a.about_btn3{ background:url(../images/about_ico3.png) no-repeat left center;  }
 .about .inner .about_btn a.about_btn4{ background:url(../images/about_ico4.png) no-repeat left center;  }
 
 .product{ width:313px; background:url(../images/pro_bg.jpg) no-repeat; height:283px; padding-top:100px; float:right; position:relative;text-align:center}
 .product .product_bg{width:100%; height:100%; display:block; position:relative; top:0; left:0; background:rgba(0,0,0,0.8); position:absolute;transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;}
 .product .ablock{ position:relative; z-index:10; color:#fff}
 .product:hover .product_bg{ background:rgba(0,0,0,0);}
  .product .prodct_text{ padding:10px 5px; position:relative; display:inline-block; overflow:hidden }
 .product .prodct_text .top{ position:absolute; width:100%; top:0; height:1px ; background:#fff; left:0;transition: all 1.5s;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;}
 .product .prodct_text .top-cur{position:absolute; width:100%; top:0; height:1px ; background:#fff; left:-150%;transition: all 1.5s;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;animation-delay:1.5s;-webkit-animation-delay:1.5s;}
 .product .prodct_text .en_tit{ color:#e1e1e1; font-size:18px;text-transform:Uppercase; font-weight:bold}
 .product .prodct_text .tit{ color:#fffefe; font-size:18px; margin-top:5px;}
  .product .prodct_text .bottom{ position:absolute; width:100%; bottom:0; height:1px ; background:#fff; right:0;transition: all 1.5s;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;}
 .product .prodct_text .bottom-cur{position:absolute; width:100%; bottom:0; height:1px ; background:#fff; right:-150%;transition: all 1.5s;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;animation-delay:1.5s;-webkit-animation-delay:1.5s;}

  .product:hover .prodct_text .top{ left:200%}
 .product:hover .prodct_text .top-cur{left:0%}
  .product:hover .prodct_text .bottom{ right:200%}
 .product:hover .prodct_text .bottom-cur{right:0%}
 
 .service{ float:left; background:url(../images/service_bg.jpg); width:310px; height:240px; margin-top:10px; text-align:center; padding:45px 40px 0 40px;}
 .service .service_text p.tit_en{ color:#e1e1e1; font-size:18px;text-transform:Uppercase; height:40px; line-height:40px; border-bottom:solid 1px #fff; width:170px; margin:auto}
 .service .service_text p.tit{ color:#fffefe; font-size:24px; height:45px; line-height:45px; border-bottom:solid 1px #fff; width:170px; margin:auto}
 .service .service_text p.des{ color:#e1e1e1; font-size:14px; height:54px; line-height:18px; overflow:hidden; margin-top:15px;}
 
 .news{ float:right; background:url(../images/news_bg.jpg) no-repeat; width:480px; height:240px; margin-top:10px;}
 		/* 本例子css */
		.picScroll-left{ width:100%;  overflow:hidden; position:relative;   }
		.picScroll-left .hd{ overflow:hidden;position:relative; width:100%; height:25px;   }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:22px; height:22px; top:0; left:40px;overflow:hidden; color:#b9b9b9; background:#343434; text-align:center; font-weight:bold; font-size:16px;cursor:pointer;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; position:absolute;}
		.picScroll-left .hd .next{ background:#c72321; color:#fff;top:0; left:10px;}
		.picScroll-left .hd .prev:hover{ left:45px;}
		.picScroll-left .hd .next:hover{ left:5px;}
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat}
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:35px 10px 45px 10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li .data{ width:93px; float:left; padding-right:13px;}
.picScroll-left .bd ul li .data .h{ font-size:50px; color:#fdfefe; line-height:45px; border-bottom:1px solid #bdbcbc; text-align:center; padding-bottom:15px; padding-top:5px;}
.picScroll-left .bd ul li .data .y{color:#fdfefe; font-size:15px; text-align:center; line-height:44px;}

.picScroll-left .bd ul li .text{ width:360px; float:left; border-left:1px dashed #bdbcbc; padding-left:20px;  height:104px; text-align:left}
.picScroll-left .bd ul li .text h2 a{ font-size:18px; color:#dcdcdc; font-weight:normal;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.picScroll-left .bd ul li .text .in_des{ line-height:24px; height:48px; overflow:hidden; margin:10px 0 5px 0; color:#dcdcdc}
.picScroll-left .bd ul li .text .more{ width:62px; height:22px; color:#a01307; line-height:22px; text-align:center; text-transform:uppercase}
.picScroll-left .bd ul li .text .more a{ color:#a01307; font-size:14px; font-family:Arial;}
.news .read_more{ position:absolute; left:100px;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; }
.news .read_more a{color:#dcdcdc}
.news .read_more:hover{ left:110px;}

.foot_nav .container{overflow: hidden;}
.foot_nav{ background:url(../images/foot_bg.jpg) no-repeat top center; padding-top:80px; height:340px;}
.foot_nav1{ float:left; width:556px;}
.foot_nav1 dl{ width:120px; float:left; margin-right:15px;}
.foot_nav1 dl dt{ font-size:16px; margin-bottom:15px;}
.foot_nav1 dl a{color:#fff; }
.foot_nav1 dl dd{ line-height:24px; height:24px;}
.foot_nav2{ width:320px; float:left;}
.foot_nav3{ width:292px; float:right; text-align:right}
.foot_nav3 p{ display:inline-block; margin-right:10px; text-align:center; color:#fff;width: 84px;}
.foot_nav3 p img{ margin-bottom:15px;}
.foot_nav2 span{ font-size:16px; color:#fff; display:block}
.foot_nav2 b{ font-size:30px; color:#ff0300; font-weight:normal; margin:15px 0; display:block}
.foot_nav2 p{ color:#ffffff; line-height:24px;}

.page_box {
    text-align: center;
    display: block;
}
/*当前页的样式*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#aaa; border-color:#aaa}
/*分页块默认样式*/
.pagination > li > a, .pagination > li > span{ color:#666}
.pagination > li > a:hover, .pagination > li > span:hover{color:#666}


.pro_list ul li{ float:left; width:48%; margin-left:1%; border:solid 1px #f4f4f4; padding:5px; margin-bottom:10px;}
.pro_list ul li .img_area{ float:left; width:180px; height:180px; border:solid 1px #f9f9f9; position:relative; overflow:hidden}
.pro_list ul li .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto;transition: all linear 0.5s;-webkit-transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
.pro_list ul li .img_area:hover img{transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);}

.pro_list ul li .text_area{ float:right; width:210px; padding-top:8px;}
.pro_list ul li .text_area>b{ line-height:20px; max-height:40px; overflow:hidden; display:block}
.pro_list ul li .text_area a:hover{ text-decoration:underline}
.pro_list ul li .text_area p{ margin:7px 0; line-height:18px; overflow:hidden; display:block; max-height:18px;}
.pro_list ul li .text_area p:nth-child(4){ max-height:36px;}

.video_list ul li {width:267px; float:left;margin:0 5px 30px 5px;}
.video_list ul li .img_area{   position:relative; height:171px; border-radius:5px; overflow:hidden}
.video_list ul li p{ background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%; padding:70px 0 0 122px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;filter:Alpha(opacity=0);opacity:0;}
.video_list ul li:hover p{filter:Alpha(opacity=100);opacity:1;}
.video_list ul li .text_area{ padding-top:15px; font-size:14px; text-align:center}
.video_list ul li:hover .text_area{ text-decoration:underline}

.news_list ul li{ border:solid 1px #f4f4f4; padding:10px; margin-bottom:25px;}
.news_list ul li .img_area{ float:left; width:180px;}
.news_list ul li .text_area{ width:640px; float:right}
.news_list ul li .text_area b{ font-size:18px; font-weight:normal; height:40px; line-height:40px;}
.news_list ul li .text_area p{ color:#555555; line-height:24px; height:48px; overflow:hidden; margin:15px 0 35px 0}
.news_list ul li .text_area span{ color:#a1a1a1; font-size:12px;}
.news_list ul li:hover .text_area b a{ color:#b00000}

.job{  margin:auto}
.job .panel-heading .panel-title span{ float:right; font-size:80%; margin-top:3px;}
.job .panel-heading .panel-title em{ color:#F00; font-style:normal}
.job .panel-body .job_ul{margin-bottom:10px;}
.job .panel-body .job_ul li{ margin-bottom:5px; width:33%; float:left}
.job .job_content .tab-content{ padding:10px;background:#f5f5f5; border:1px solid #ddd; border-top:none}
.job .job_content .nav-tabs .active a{ background:#f5f5f5; font-weight:bold; border-bottom-color:#f5f5f5}
.job .sure{ padding:5px 15px; border:none; color:#fff; border-radius:5px; margin-right:10px;background:#df0024; margin-top:10px;}
.panel-default {border-color: #ddd;}
.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.panel-default > .panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;}
.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit;}
.panel-body {padding: 15px;}
.nav-tabs {border-bottom: 1px solid #ddd;}
.nav {padding-left: 0;margin-bottom: 0;list-style: none;}
.nav-tabs > li {float: left;margin-bottom: -1px;}
.nav > li {position: relative;display: block;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #555;cursor: default;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;}
.nav-tabs > li > a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}
.nav > li > a {position: relative;display: block;padding: 10px 15px;}
.tab-content > .tab-pane {display: none;}
.tab-content > .active {display: block;}
.fade.in {opacity: 1;}
.fade {opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;}








.feedback-form{ width:95%; margin:auto}
.feedback-form .title {padding:15px;color: #000;margin-bottom:15px;box-sizing:border-box;font-size:14px; line-height:28px; }
.feedback-form .form-group .sure,.feedback-form .form-group .more{ padding:12px 30px; border:none; color:#fff; border-radius:5px; margin-right:10px;}
.feedback-form .form-group .sure{ background:#df0024}
.feedback-form .form-group .more{ background:#d8d8d8; color:#333}
.form-control {display: block; line-height:34px;width: 100%;height: 34px;padding: 0px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;  -webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.form-control::-moz-placeholder {color: #999;opacity: 1;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}
.form-control::-ms-expand {background-color: transparent;border: 0;}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #eee;opacity: 1;}
.form-control[disabled],
fieldset[disabled] .form-control {cursor: not-allowed;}
textarea.form-control {height: auto;}
input[type="search"] {-webkit-appearance: none;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: bold;}
.form-group .control-label{ float:left; width:100px; text-align:right; height:34px; line-height:34px; color:#000; font-size:14px;}
.form-group {margin-bottom: 15px;}
.feedback_in{ float:left; width:580px;}
.feedback_in img{margin: 5px 0 0 10px;}
.feedback_btn{ margin-left:130px;}


#v_box {
    width: 800px; padding-bottom:40px;
   
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 522222;
    margin-top: -305px;
    margin-left: -400px;
    border-radius: 5px;
    box-shadow: #333 0px 0px 10px;
    _position: absolute;
    border: 1px solid #333\0;
    display: none;
}
#shut {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    top: 8px;
    right: 10px;
    color: #333;
    font-size: 30px;
    line-height: 22px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
#v_box h3 {
    color: #333;
    height: 46px;
    font-size: 18px;
    padding-left: 28px;
    line-height: 46px;
    overflow: hidden;
    font-weight: bold; margin-bottom:5px;
}
#v_box div {
    width: 750px;
    margin: 0 auto; height:420px;
    background: #000;
}