*{ padding:0; margin:0;}* div,span,a,img,h1,h2,h3,h4,h5,h6,h7,h8,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del,b{padding:0; margin:0; font-weight:normal;} body,input,textarea{ font-size:12px; font-family:微软雅黑;color:#666; } ul{ list-style:none;} h1,h2,h3,h4,h5,h6,h7,h8,{ font-size:12px; font-weight:normal;} a{color: #a5b8e9; font-weight:normal; text-decoration:none;} p{ color:#817b7b;} p a{color: #1c2b80; font-weight:normal; text-decoration:none;} p a:hover{color: #ff6a2b;} *, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} ::-webkit-scrollbar {width: 10px;} ::-webkit-scrollbar-track {background: #000;} ::-webkit-scrollbar-thumb {background: #fff;border:solid 2px #000; width:6px; border-radius:5px; background-color:#fff;} ::-webkit-scrollbar-thumb:window-inactive {background: #fff;} ::-webkit-scrollbar-thumb:vertical:hover {background: #fff;} /*工商局*/ .gsj{ width:100%; float:left;background:url(/uploads/image/phimages/bg.jpg) center no-repeat; background-size:cover; height:450px; } .gsj4{ width:100%; float:left;background:url(/uploads/image/phimages/bd-top-bg.png) center no-repeat; background-size:cover; height:21px; } .gsj1{ width:100%; float:left; background:#e4f4ff;} .gsj1-center{ width:1720px; margin:0 auto;} .gsj1 h1{ width:100%; float:left; margin:40px 0; color:#3a51a2; font-size:24px; text-align:center;} .gsj2{ width:44%; float:left; margin-bottom:20px;} .gsj2-bt{ width:100%; float:left; margin-bottom:20px;} .gsj2-bt h2{ width:100%; float:left; font-size:24px; font-weight:bold; color:#3a51a1;} .gsj2-nr{ width:100%; float:left; height:380px; overflow:hidden; overflow-x:hidden; overflow-y:auto; border: 1px #91d2ff solid; padding:10px;} .gsj2-nr p{ width:100%; float:left; font-size:16px; color:#465792; line-height:30px;} .gsj2-nr p img{ max-width:100%;} .gsj2-nr1{ width:100%; float:left; background:#fff;} .gsj2-nr1 img{ max-width:100%; float:left;} .gsj22{ float:right;} .gsj222{ width:100%; } .gsj2-nr::-webkit-scrollbar-track {background:#f06e9b;} .gsj2-nr::-webkit-scrollbar-thumb {background: #fff;border:solid 0px #000; width:6px; border-radius:0px; background-color:#fff;} .f-wd{ background:#2242af; padding:50px 0px; margin-top:150px; float:left; width:100%;} .f-wd p{ font-size:16px; color:#fff;} .f-wd .gsj1-center{ position:relative;} .f-wd img{ position:absolute; top:-140px; left:50%; margin-left:-107px;} .lxdv{ width:100%; float:left; background: #e4f4ff; padding:30px 0; overflow:hidden;} .lxdv-left{ width:350px; float:left;} .lxdv-left h1{ width:100%; float:left; font-size:24px; font-weight:bold; color:#3a51a1; margin-bottom:20px;} .lxdv-left h2{ width:100%; float:left; font-size:18px; color:#3a51a1; margin-bottom:5px; line-height:30px;} .lxdv-right{ width:770px; float:right;} .lxdv-right h1{width:100%; float:left; font-size:24px; font-weight:bold; color:#3a51a1; margin-bottom:20px;} .lxdv-right h3{ width:100%; float:left; margin-bottom:30px;} .tct2{ width:100%; float:left;height: 170px;border: 1px solid #7a90ce; outline:none; padding:10px; color:#333;} .lxdv-right h4{ width:250px; float:left; margin-right:20px;} .lxdv-right h4 em{ width:60px; float:left; font-size:14px; color:#465792; line-height:30px; font-style:normal;} .lxdv-right h4 i{ width:180px; float:right;} .tct{ width:100%; float:left; height:30px;border: 1px solid #7a90ce ; font-size:14px; color:#465792; line-height:30px; outline:none; padding:0px 10px; color:#333;} .lxdv-right h2{ width:400px; float:left;} .lxdv-right h2 em{ width:80px; float:left; font-size:14px; color:#465792; line-height:30px; font-style:normal;} .lxdv-right h2 i{ width:320px; float:left;} .lxdv-right h5{ width:100%; float:left; margin-top:20px;} .lxdv-right h5 em{ width:60px; margin-right:10px; float:left; font-style:normal; font-size:14px; color:#465792; line-height:30px;} .lxdv-right h5 i{ width:180px; float:left;} .lxdv-right h5 a{ display:inline-block; float:right; width:90px; text-align:center; float:left; font-size:12px; color:#666; line-height:30px;} .lxdv-right h6{ float:left; width:100%; margin-left:70px; margin-top:15px;} .lxdv-right h6 a{ display:inline-block; float:left; padding:12px 35px; background:#4575fb; color:#fff; font-size:14px; border-radius:5px;} /*注册*/ .zc{float: left;width: 100%;background:#2e2623;padding: 100px 0px;} .zc-nr{margin: 0px auto;width: 460px;} .zc-nr h1{ width:100%; float:left; background: #a71f24;color: #fff;text-align: center;font-size: 20px;font-weight: normal;margin-top:60px;padding: 20px 0px;} .zc-nr h2{margin-top: 25px;height: 50px;position: relative; width:100%; float:left;} .zc-nr h2 img{position: absolute;top: 15px;left: 10px;} .dl-sr{background: #fff;border: 1px solid #eee;width: 100%;height: 52px;line-height: 52px;padding: 0px 15px 0px 35px;font-size: 16px;font-weight: normal;outline: none;border-radius: 3px;} .zc-nr h3{ width:100%; float:left; margin-top:25px;} .zc-nr h3 a{ padding:15px 0; display:inline-block; width:100%; float:left; font-size:14px; color:#fff; text-align:center; background:#191919;transition: all 0.5s ease-out 0s;} .zc-nr h3 a:hover{ background:#a71f24;} .zc-nr h5{ float:left; width:100%; margin-top:25px;height:52px;} .zc-nr h5 b{ float:left; width:68%;} .zc-nr h5 i{width:30%; background:#fff; line-height:52px; display:inline-block; height:52px; float:right;} /*分享到朋友圈*/ .bd_weixin_popup{-webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; } .bd_weixin_popup_foot{ display:none !important; } .nav{ width:1000px; height:60px; background:#fff;margin:0 auto;background: repeat-x;border-radius: 3px;} .gy-center{ width:1000px; margin:0 auto;} .nav h1{ float:left; margin-top:17px;} .nav h1 img{ max-width:100%;} .nav ul{ float:right; margin-right:20px;} .nav ul li{ float:left; margin-right:5px; position:relative;} .nav ul li a{ display:inline-block; float:left; padding:0 18px; font-size:14px; color:#333; line-height:60px; text-align:center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;font-weight: 500; } .nav ul li ul{ width:100%; float:left; position:absolute; left:0px; top:100px; transition: all 0.6s ease 0s; visibility: hidden; opacity:0; z-index:999;} .nav ul li ul li{ width:100%; float:left;} .nav ul li ul li a{ width:100%; display:inline-block; float:left; font-size:12px; height:40px; color:#333; background:#fff; line-height:40px; text-align:center; padding:0px;} .nav ul li:hover a{ background:#a71f24;color:#fff; } .nav ul li:hover ul{ top:60px; opacity: 1; visibility: visible;} .nav ul li:hover ul li a{ background:#fff; color:#000;} .nav ul li ul li a:hover{ background:#000; color:#fff;} .nav ul li a.xzd{ background:#a71f24; color:#fff;} .nav h2{ float:right;} .nav h2 a{ display:inline-block; float:left; background:url(/uploads/image/phimages/dh.png) left center no-repeat; font-size:18px; color:#a71f24; font-weight:bold; line-height:90px; padding-left:27px;} .nav h3{ float:right; background:url(/uploads/image/phimages/wx.png) center no-repeat; width:22px; height:22px; margin-top:35px; margin-left:10px;cursor:pointer;} .nav h4{ float:right; display:none; position:fixed; right:15px; top:24px;} .nav h4 a{ display:inline-block; float:left; background:url(/uploads/image/phimages/sj-dh.png) center no-repeat; width:22px; height:22px; } .nav h5{ float:left; width:30px; position:fixed; left:44px; top:25px;} .nav h5 i{ position:absolute; left:0px; top:0px; width:100%; float:left; font-size:14px; color:#333; font-style:normal;opacity:0; } .nav h5 em{opacity:0; position:absolute; left:0px; top:1px; width:100%; float:left; font-size:14px; color:#333; font-style:normal;} .nav h6{ float:right; margin-top:34px; margin-right:20px;} .nav h6 a{ float:left; height:24px; line-height:24px;} .nav h6 a:hover{ color:#a71f24;} .nav h6 b{ float:left; height:24px; line-height:24px; margin:0px 12px; font-weight:normal; color:#999;} .dcdl{ display:none; float:left; width:100%;} .dcdl h6{ float:left; padding:20px 15px;} .dcdl h6 a{ float:left; height:24px; line-height:24px; font-size:14px;} .dcdl h6 a:hover{ color:#a71f24;} .dcdl h6 b{ float:left; height:24px; line-height:24px; margin:0px 12px; font-weight:normal; color:#666;} .banner{ width:541px; float:left; height:223px; position:relative;} .banner .swiper-container {width: 100%;height: 100%;} .banner .swiper-slide {background-position: center;background-size: cover;} .banner .swiper-button-prev{ background:url(/uploads/image/phimages/an-left.png) center no-repeat !important; width:28px; height:50px; left:0px;} .banner .swiper-button-next{ background:url(/uploads/image/phimages/an-right.png) center no-repeat !important; width:28px; height:50px; right:0px;} .banner .swiper-pagination-bullet-active{ width:22px; border-radius:50px;} .nr-banner .swiper-button-prev{ background:url(/uploads/image/phimages/gy-left.png) center no-repeat !important; width:10px; height:19px; left:20px;} .nr-banner .swiper-button-next{ background:url(/uploads/image/phimages/gy-right.png) center no-repeat !important; width:10px; height:19px; right:20px;} .nr-banner .swiper-pagination-bullet-active{ height:4px !important; border-radius:0px;} .nr-banner .swiper-pagination-bullet{ height:1px; background:#fff; width:40px;transition: all 0.5s ease-out 0s;border-radius:0px;} .clearfix { display: block; } .banner1{ width:100%; float:left; height:100%; float:left;} .banner .swiper-slide-active .banner-bt h1 { -webkit-animation-name:fadeinup;animation-name:fadeinup;} .banner-bt{ width:100%; float:left; position:absolute; left:0px; top:0px; height:100%;-webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding:0 15px;} .banner-bt h1{ width:100%; float:left; font-size:14px; color:#fff; text-align:center;padding-top:155px } .banner-bt h1 span{font-size:14px;background-color: rgba(0,0,0,0.15);padding:0} @media \0screen\,screen\9 {/* 只支持ie6、7、8 */ .banner-bt h1 span{ background-color:#000000; filter:alpha(opacity=50); position:static; *zoom:1; } } .banner-bt h1 a{ color:#fff;} .topbox {background: repeat-x;} .topbar {height:34px;line-height:34px;width:1000px;margin:0 auto;font-size:12px;} .topbar a{color:#666;} .topbar-left { float: left; color: #666; } .topbar-right { float: left; margin-left:500px; } .topbar-right span{ float: right; } .topbar-right span a{ display: inline-block; float: right; background: url(/uploads/image/phimages/dh.png) left center no-repeat; font-size: 18px; color: #a71f24; font-weight: bold; line-height: 34px; padding-left: 27px; } .topbar-right span a h4{ display: inline-block; float: right; background: url(/uploads/image/phimages/sj-dh.png) center no-repeat; width: 22px; height: 22px; } .topbar-right span :hover { color: #fd3304; text-decoration: none; } .topmenu-item{ float: left; color: #666; position: relative; padding-left: 25px; } .topmenu-userl{ float: left; position: relative; margin-right: 10px; } .topmenu-userl a { color: #7b7171; font-weight: normal; text-decoration: none; } .topmenu-userl a:hover { color: #fd3304; text-decoration: none; } .topmenu-split{ float: left; padding-right: 5px; color: #999; } .topbox2 {background: repeat-x;} .topbanner {height:192px;width:1000px;margin:0 auto;} .searchbox {float:left;padding-top:4px;} .w960{ width:470px; /*position:relative;*/ } .search-keyword { width:321px; height:28px; padding-top:0px; padding-left:96px; border:0px; color:#a3a3a3; line-height:28px; font-size:12px; background-image:url(/uploads/image/phimages/bg.png); background-repeat:repeat-x; background-position:0 -40px; } .search-submit { cursor:pointer; width:40px; height:28px; font-size:0px; color:#fafafa; border:0px; background:url(/uploads/image/phimages/btn.png) no-repeat -18px -137px; } .search-option { margin-left:3px; margin-right:3px; border:#badaa1 solid 1px; height:22px; } .searchbox .search{ } .searchbox .form h4 { display:none; } .searchbox .form { background:url(/uploads/image/phimages/bg.png) 0 -78px repeat-x; height:28px; line-height:28px; } .searchbox .form div { background:url(/uploads/image/phimages/bg.png); background-repeat:no-repeat; } .searchbox .form .form_left{ background-position: 0 -124px; height:28px; padding-left:1px; position:relative; } .searchbox .form .form_left #searchtype{ position:absolute; width:90px; background-image:none; height:27px; line-height:25px; } .searchbox .form .form_left #searchtype #boult{ position:absolute; right:0; color:#a3a3a3; font-size:14px; width:20px; background-position:0 -668px; cursor:pointer; } .searchbox .form .form_left #searchtype #searchvalue{ background-image:none; text-indent:6px; color:#a3a3a3; font-size:12px; position:absolute; left:0; width:70px; cursor:pointer; } .searchbox .form .form_left #searchtype #valuelist{ border:#d9d9d9 1px solid; border-top:0; width:88px; background:#fff; overflow:scroll; height:95px; overflow-x:hidden; padding:5px 0; z-index:1000; position:absolute; top:26px; left:0; } .searchbox .form .form_left #searchtype #valuelist li{ height:20px; line-height:20px; padding:0 5px; cursor:pointer; } .searchbox .form .form_left #searchtype #valuelist li:hover{ background:#92d7ff; color:#fff; } .searchbox .form .form_right{ background-position: right -170px; height:28px; padding-right:1px; } .searchbox .form .hotwords{ position:absolute; top:49px; z-index:999; background:#fff; width:485px; border:#d9d9d9 1px solid; border-top:0; margin-top:49px; } .searchbox .form .hotwords li{ display:block; width:455px; height:36px; line-height:36px; } .searchbox .form .hotwords li.hwtitle{ margin:0 10px; color:#666; border-bottom:#efefef 1px solid; } .searchbox .form .hotwords li a{ width:455px; height:36px; line-height:36px; display:block; padding:0 10px; color:#198dd0; } .searchbox .form .hotwords a h1{ font-size:13px; height:36px; line-height:36px; float:left; font-weight:normal; } .searchbox .form .hotwords a span{ display:block; height:36px; line-height:36px; float:right; } .searchbox .form .hotwords li.hwtitle:hover{ background:#fff; color:#666; } .searchbox .form .hotwords li:hover,.searchbox .form .hotwords li:hover a,.searchbox .form .hotwords li a:hover{ text-decoration:none; background:#92d7ff; color:#fff; } .searchbox input,.searchbox button{ margin-top:-2px; *margin-top:0px; _margin-top:4px; } .searchbox .tags { width:450px; overflow:hidden; } .searchbox .tags h4 { float:left; margin-right: 6px; height:26px; font-size:12px; color:#777; } .searchbox .tags li { float:left; margin-right: 6px; } .columbkg{ background: no-repeat scroll center 0; height:358px; } .columbkgother{ width:100%; float:left; background: repeat-x; /*background: -webkit-linear-gradient(#08358a,#2870b9); !* safari 5.1 - 6.0 *!*/ /*background: -o-linear-gradient(#08358a,#2870b9); !* opera 11.1 - 12.0 *!*/ /*background: -moz-linear-gradient(#08358a,#2870b9); !* firefox 3.6 - 15 *!*/ /*background: linear-gradient(#08358a,#2870b9); !* 标准的语法 *!;*/ overflow:hidden; padding:0; height:245px; position: relative; z-index: -1; } #clock{ padding:0x; margin:0; position:relative; width: 1000px; } #clock:after{ content:''; position:absolute; height:20px; border-radius:100%; left:50%; margin-left:-200px; bottom:2px; z-index:-1; } #clock .display{ text-align:center; padding: 0 0; position:relative; } /*------------------------- light color theme --------------------------*/ #clock.light{ background-color:transparent; color:#ffffff; left:50%; margin-left: -500px; } #clock.light:after{ box-shadow:0 2px 4px rgba(0,0,0,0.15); } #clock.light .digits div span{ background-color:#a2b8da; border-color:#a2b8da; } #clock.light .digits div.dots:before, #clock.light .digits div.dots:after{ background-color:#a2b8da; } #clock.light .alarm{ background:; } #clock.light .display{ background-color:transparent; height: 192px; overflow: hidden; } /*------------------------- dark color theme --------------------------*/ #clock.dark{ background-color:#272e38; color:#cacaca; } #clock.dark:after{ box-shadow:0 4px 10px rgba(0,0,0,0.3); } #clock.dark .digits div span{ background-color:#cacaca; border-color:#cacaca; } #clock.dark .alarm{ background:; } #clock.dark .display{ background-color:#0f1620; box-shadow:0 1px 1px rgba(0,0,0,0.08) inset, 0 1px 1px #2d3642; } #clock.dark .digits div.dots:before, #clock.dark .digits div.dots:after{ background-color:#cacaca; } /*------------------------- the digits --------------------------*/ #clock .digits{ height:24px; float: left; overflow: hiden; width: 135px; bottom: 3px; position: absolute; } #clock .digits div{ text-align:left; position:relative; width: 11px; height:19px; display:inline-block; margin:0 4px; } #clock .digits div span{ opacity:0; position:absolute; -webkit-transition:0.25s; -moz-transition:0.25s; transition:0.25s; } #clock .digits div span:before, #clock .digits div span:after{ content:''; position:absolute; width:0; height:0; border:2px solid transparent; } #clock .digits .d1{ height:2px;width:6px;top:0;left:2px;} #clock .digits .d1:before{ border-width:0 2px 2px 0;border-right-color:inherit;left:-2px;} #clock .digits .d1:after{ border-width:0 0 2px 2px;border-left-color:inherit;right:-2px;} #clock .digits .d2{ height:2px;width:6px;top:9px;left:2px;} #clock .digits .d2:before{ border-width:1px 2px 1px;border-right-color:inherit;left:-3px;} #clock .digits .d2:after{ border-width:1px 2px 1px;border-left-color:inherit;right:-3px;} #clock .digits .d3{ height:2px;width:6px;top:18px;left:2px;} #clock .digits .d3:before{ border-width:2px 2px 0 0;border-right-color:inherit;left:-2px;} #clock .digits .d3:after{ border-width:2px 0 0 2px;border-left-color:inherit;right:-2px;} #clock .digits .d4{ width:2px;height:5px;top:3px;left:0;} #clock .digits .d4:before{ border-width:0 2px 2px 0;border-bottom-color:inherit;top:-2px;} #clock .digits .d4:after{ border-width:0 0 2px 2px;border-left-color:inherit;bottom:-2px;} #clock .digits .d5{ width:2px;height:5px;top:3px;right:0;} #clock .digits .d5:before{ border-width:0 0 2px 2px;border-bottom-color:inherit;top:-2px;} #clock .digits .d5:after{ border-width:2px 0 0 2px;border-top-color:inherit;bottom:-2px;} #clock .digits .d6{ width:2px;height:5px;top:12px;left:0;} #clock .digits .d6:before{ border-width:0 2px 2px 0;border-bottom-color:inherit;top:-2px;} #clock .digits .d6:after{ border-width:0 0 2px 2px;border-left-color:inherit;bottom:-2px;} #clock .digits .d7{ width:2px;height:5px;top:12px;right:0;} #clock .digits .d7:before{ border-width:0 0 2px 2px;border-bottom-color:inherit;top:-2px;} #clock .digits .d7:after{ border-width:2px 0 0 2px;border-top-color:inherit;bottom:-2px;} /* 1 */ #clock .digits div.one .d5, #clock .digits div.one .d7{ opacity:1; } /* 2 */ #clock .digits div.two .d1, #clock .digits div.two .d5, #clock .digits div.two .d2, #clock .digits div.two .d6, #clock .digits div.two .d3{ opacity:1; } /* 3 */ #clock .digits div.three .d1, #clock .digits div.three .d5, #clock .digits div.three .d2, #clock .digits div.three .d7, #clock .digits div.three .d3{ opacity:1; } /* 4 */ #clock .digits div.four .d5, #clock .digits div.four .d2, #clock .digits div.four .d4, #clock .digits div.four .d7{ opacity:1; } /* 5 */ #clock .digits div.five .d1, #clock .digits div.five .d2, #clock .digits div.five .d4, #clock .digits div.five .d3, #clock .digits div.five .d7{ opacity:1; } /* 6 */ #clock .digits div.six .d1, #clock .digits div.six .d2, #clock .digits div.six .d4, #clock .digits div.six .d3, #clock .digits div.six .d6, #clock .digits div.six .d7{ opacity:1; } /* 7 */ #clock .digits div.seven .d1, #clock .digits div.seven .d5, #clock .digits div.seven .d7{ opacity:1; } /* 8 */ #clock .digits div.eight .d1, #clock .digits div.eight .d2, #clock .digits div.eight .d3, #clock .digits div.eight .d4, #clock .digits div.eight .d5, #clock .digits div.eight .d6, #clock .digits div.eight .d7{ opacity:1; } /* 9 */ #clock .digits div.nine .d1, #clock .digits div.nine .d2, #clock .digits div.nine .d3, #clock .digits div.nine .d4, #clock .digits div.nine .d5, #clock .digits div.nine .d7{ opacity:1; } /* 0 */ #clock .digits div.zero .d1, #clock .digits div.zero .d3, #clock .digits div.zero .d4, #clock .digits div.zero .d5, #clock .digits div.zero .d6, #clock .digits div.zero .d7{ opacity:1; } /* the dots */ #clock .digits div.dots{ width:2px; } #clock .digits div.dots:before, #clock .digits div.dots:after{ width:2px; height:2px; content:''; position:absolute; left:0; top:5px; } #clock .digits div.dots:after{ top:13px; } /*------------------------- the alarm --------------------------*/ #clock .alarm{ width:16px; height:16px; bottom:20px; background:; position:absolute; opacity:0.2; } #clock .alarm.active{ opacity:1; } /*------------------------- weekdays --------------------------*/ #clock .weekdays{ font-size:10px; position:relative; width:45%; left:5px; text-align:center; float: right; top:8px; } #clock .weekdays span{ opacity:0.2; padding:0 10px; } #clock .weekdays span.active{ opacity:1; } /*------------------------- y-m-d --------------------------*/ #clock .showdate{ color:#a2b8da; font-size:12px; position: absolute; right:5px; top:8px; display: block; } /*------------------------- am/pm --------------------------*/ #clock .ampm{ position:absolute; font-size:10px; float: left; width: 20px; top: 168px; float: left; left:144px; } .nowtitle{ width:1000px; height:60px; line-height: 60px; color:#fff; background:transparent; margin:0 auto; } .nowtitle .title{ background: no-repeat; float: left; font-weight: bold; font-size: 13px; width: 120px; padding-left: 50px; } .nowtitle .titlename{ float: left; font-weight:normal; font-size: 12px; width: 400px; color: #c8cfd3; } .nowtitle .titlename a{ color: #c8cfd3 !important; } .nowtitle .titlename a:hover{ color: #db3623 !important; } /* theme-orman changed */ /* * jquery flexslider v2.2.0 * http://www.woothemes.com/flexslider/ * * copyright 2012 woothemes * free to use under the gplv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * contributing author: tyler smith (@mbmufffin) */ /* browser resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* flexslider necessary styles *********************************/ .flexslider {width: 541px; height:223px;margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* hide the slides before the js is loaded. avoids image jumping */ .flexslider .slides img {width: 541px; height:223px;display: block;} .flex-pauseplay span {text-transform: capitalize;} .flexslider .slides .slidetitle{position:absolute; top:150px; right:50px;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ff0;} .flexslider .slides .slidetitle h4{height:42px; line-height:42px; font-size:16px;opacity:0.6;color:#f6f6f6;} .flexslider .slides .slidetitle p{line-height:22px; font-size:12px;color: #f6f6f6;opacity: 0.6} /* clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* no javascript fallback */ /* if you are not using another script, such as modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* flexslider default theme *********************************/ .flexslider { margin: 0; background: #fff; border: 1px solid #fff; position: relative; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); -o-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0,0,0,.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* direction nav */ .flex-direction-nav {*height: 0;z-index: 9999;} .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); background:url(/uploads/image/phimages/arr.png) no-repeat; text-indent:-999em } .flex-direction-nav .flex-prev { left: -50px; background-position:0 0 } .flex-direction-nav .flex-next { right: -50px; background-position:-132px 0} .flexslider:hover .flex-prev { opacity: 0.7; left: 10px;} .flexslider:hover .flex-next { opacity: 0.7; right: 10px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } /* pause/play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd} .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* control nav */ .flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center;z-index: 1000;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } .index-content { background:transparent; margin: 0 auto; overflow: hidden; padding: 1px; width: 1000px; } .w780 { width: 780px; } .w210 { width: 210px; } .w546 { width: 546px; } .h284 { height: 284px; } .h227 { height: 227px; } .mt57 { margin-top: 57px; } .mt36 { margin-top: 36px; } .mt14 { margin-top: 14px; } .mt10 { margin-top: 10px; } .mr12 { margin-right: 12px; } .fr12{ float:right; } .mt12 { margin-top: 12px; } .ml9 { margin-left: 9px; } .mt4 { margin-top: 4px; } .f14 { font-family:"microsoft yahei","î¢ï¿½ï¿½ï¿½åºï¿½", arial,verdana,helvetica,sans-serif; font-size: 14px; font-weight: bold; line-height: 31px; } .f15 { font-family:"microsoft yahei","î¢ï¿½ï¿½ï¿½åºï¿½", arial,verdana,helvetica,sans-serif; font-size: 15px; font-weight: bold; line-height: 31px; } .f16 { font-family:"microsoft yahei","î¢ï¿½ï¿½ï¿½åºï¿½", arial,verdana,helvetica,sans-serif; font-size: 16px; font-weight: bold; line-height: 31px; } a { color: #000; text-decoration: none; } .flin { display: inline; float: left; } .frin { display: inline; float: right; } .i-c-tzgg, .i-c-news { float: left; } .i-c-tzgg { display: inline; height: 227px; width: 210px; } .tzgg-content { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 1px solid #c2ccd2; border-right: 1px solid #c2ccd2; border-left: 1px solid #c2ccd2; border-image: none; height: 195px; width: 210px; overflow: hidden; border-bottom-right-radius:3px; border-bottom-left-radius:3px; background: #fff; float: left; } .irregular-title780 { height: 31px; } .irregular-title780 .i-t-con { margin-top: 0px; } .irregular-title225 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; height:31px; background:url(/uploads/image/phimages/tabbgblue.gif) repeat-x; border-right:solid 1px #d5d5d5; } .irregular-title210 { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; height:31px; background:url(/uploads/image/phimages/tabbgblue.gif) repeat-x; border-right:solid 1px #d5d5d5; width:210px; } .i-t-con { background: #a71f24; font-weight:800; display:block; float:left; overflow:hidden; width:110px; font-size:15px; cursor:pointer; height:31px; line-height:31px; } .i-t-con h2 { color: #ffffff;; font-size: 15px; font-weight: 600; text-align:center; } .i-t-con-t { background: #a71f24; font-weight:800; display:block; float:left; overflow:hidden; width:110px; font-size:15px; cursor:pointer; height:31px; line-height:31px; } .i-t-con-t h2 { color: #ffffff;; font-size: 15px; font-weight: 600; text-align:center; } .i-t-more { color: #0e48b2; float: right; font-size: 12px; line-height: 31px; margin-right: 10px; } .i-t-more:hover { color: #db3623; } .t-c-run { height: 180px; margin-top: 5px; overflow: hidden; } .t-c-runul { line-height: 20px; } .t-c-runul li { /* background: no-repeat scroll 12px 12px ; */ line-height: 22px; padding-left: 10px; } .t-c-runul li.firstext { line-height: 20px; padding-left: 5px; text-indent:1em; width:208px; word-wrap: break-word; word-break: break-all; overflow: hidden; } .t-c-runul li.secondtext { line-height: 20px; padding-left: 10px; width:208px; word-wrap: break-word; word-break: break-all; overflow: hidden; } .t-c-runul li.title3 { font-family:"microsoft yahei", "微软雅黑", tahoma, arial, helvetica, stheiti; font-weight: bold; color: red; font-size: 15px; margin-bottom: 5px; } .t-c-runul li.white { color:white; } .t-c-runul li span { color: #16a2dd; font-weight: 800; } .t-c-runul li a{ color: #16a2dd; float: right; margin-right: 7px; } .t-c-runul li a:hover { color: #db3623; font-weight: bold; } .i-c-login { background: no-repeat scroll 0 0 ; height: 425px; overflow: hidden; position: relative; z-index:1100; float: left; } .zscqsfld-content { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-left: 1px solid #c2ccd2; border-right: 1px solid #c2ccd2; border-bottom: 1px solid #c2ccd2; border-image: none; height: 391px; width: 210px; line-height: 32px; overflow: hidden; border-bottom-right-radius:3px; border-bottom-left-radius:3px; float: left; } .zscqsfld-contentul { line-height: 32px; } .zscqsfld-contentul li { list-style: none; height:20px; line-height:20px; text-align: left; overflow: hidden; padding-left: 6px; vertical-align:middle; display:inline-flex; } .zscqsfld-contentul li a{ font-size: 12px; font-family:宋体, verdana, sans-serif; display:inline-block; color:#000; padding-left: 20px; } .zscqsfld-contentul li img{ vertical-align:middle; width:36px; height:20px; } .zscqsfld-contentul li a:hover { color: #db3623; } .tabbox{width:225px;margin-left:10px;position:relative;height:227px;overflow:hidden;float:left;} .tabbox .tabbtn{height:31px;background:url(/uploads/image/phimages/tabbgblue.gif) repeat-x;border-left:solid 1px #c2ccd2;border-right:solid 1px #c2ccd2;} .tabbox .tabbtn li{float:left;position:relative;margin:0 0 0 -1px;} .tabbox .tabbtn li a,.tabbox .tabbtn li span{display:block;float:left;height:31px;line-height:30px;overflow:hidden;width:108px;text-align:center;font-size:15px;cursor:pointer;} .tabbox .tabbtn li.current{} .tabbox .tabbtn li.current a,.tabbox .tabbtn li.current span{height:31px;line-height:31px;background: #a71f24;color:#ffffff;font-weight:800;} .tabbox .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;} .tabbox .tabcon{height:195px;padding:10px;border-width:0 1px 1px 1px;border-color:#c2ccd2;border-style:solid;background: #ffffff;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .tabbox .tabcon li{height:31px;line-height:31px;overflow:hidden;} .tabbox .tabcon li span{margin:0 10px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#1667dd;} .jidianzz{width:209px;margin:0px 0px;padding:0px 0px;border-right:1px dotted #ded7d1;margin-right:0;float:left;height:180px;} .jidianzz .jdpics{overflow:hidden;display:block;float:left;} .jidianzz .jdpics img{width:120px;height:175px;padding-top: 0px;} .jidianzz .jdzzdetail{float:right;width:83px;overflow:hidden;margin-left: 5px;height: 180px;line-height: 14px;} .jidianzz .jdzzdetail a.jdzztitletitle{width:100%;height:17px;line-height:18px;display:block;color:#363636;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;} .jidianzz .jdzzdetail p{padding:1px 0;} .jidianzz .jdzzdetail p.jdzzen{width:100%;height:29px;line-height:12px;display:block;color:#666;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;} .jidianzz .jdzzdetail p.jdzzmonth{font-weight:bold;color:#d63c3c;text-align: center ;} .jidianzz .jdzzdetail p.jdzznumber{color:#999;font-size: 12px;} .i-c-cyjsdt { float: right; height: 209px; width: 780px; } .i-c-hyxwsec { float: right; height: 209px; width: 780px; margin-top: 4px; } .i-c-zscqsfld { float: left; height: 253px; width: 50px; background: rgba(0, 0, 0, 0) no-repeat scroll 0 0 ; } .i-c-jxcpfb { float: left; height: 253px; width: 210px; } .i-c-advertise { overflow: hidden; } .cyjsdt-columns-list{margin-top:5px;float:right;} .cyjsdt-columns-list li{font-size:14px;background: right 4px no-repeat;} .cyjsdt-columns-list li.cyjsdt-c-l-last{background: none;} .cyjsdt-columns-list li a{color:#000;padding:3px 7px;_padding:4px 7px 2px 7px;margin:0 6px;text-align:center;display: inline-block;cursor:pointer;} .cyjsdt-columns-list li a.selected{background-color: #db3623;color:#fff;} .cyjsdt-content{margin-top:4px;} .cyjsdt-content-left{margin-top:10px;width: 388px;float:left;margin-left:0; } .cyjsdt-content-right{margin-top:10px;width: 388px;float:left;margin-left:4px;} .cyjsdt-c{float:left;height: 178px;width: 388px;border-left: 1px solid #c2ccd2;border-right: 1px solid #c2ccd2;border-bottom: 1px solid #c2ccd2;border-bottom-left-radius:3px;border-bottom-right-radius:3px;line-height: 25px;overflow: hidden;} .cyjsdt-c-ul{float: left;} .cyjsdt-c-ul .cyjsdt-c-ul-more { bottom: 30px; position: relative; color: #0e48b2; float: right; font-size: 12px; margin-right: 10px; z-index: 1000; } .cyjsdt-c-ul .cyjsdt-c-ul-more:hover { color: #db3623; } .cyjsdt-c-ul li{float:left;padding-left: 30px;width:369px;height:25px;background: -193px -52px no-repeat;background-position:-191px -55px\9; overflow: hidden;position: relative;_display: inline;} .cyjsdt-c-ul li a{color:#333;} .cyjsdt-c-ul li span {position: absolute;top: 0;right: 0px;color: #666;} .cyjsdt-c-ul li a:hover {color: #db3623;} .zljy-item { height: 192px; overflow: hidden; width: 384px; } .zljy-i-title { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; height:31px; background:url(/uploads/image/phimages/tabbgblue.gif) repeat-x; border-right:solid 1px #d5d5d5; } .zljy-i-title h3 { background: #a71f24; color:#ffffff; font-weight:800; display:block; float:left; height:31px; line-height:30px; overflow:hidden; width:110px; text-align:center; font-size:15px; cursor:pointer; } .zljy-i-t-more { color: #000; float: right; font-size: 12px; margin-right: 10px; } .zljy-i-t-more:hover { color: #c80201; } .zljy-i-ul { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; height: 157px; line-height: 30px; overflow: hidden; padding-top: 5px; border: 1px solid #c2ccd2; } .zljy-i-ul li { background: no-repeat scroll -193px -52px ; height: 30px; overflow: hidden; padding-left: 30px; position: relative; } .zljy-i-ul li a:hover { color: #db3623; } .zljy-i-ul li span { color: #666; position: absolute; right: 12px; top: 0; } /* scroll */ .okproduct{width:684px;margin:0 0;position:relative;overflow:hidden;background:#f1eeeb;height:253px;float:left;} .productview{width:661px;height:229px;background:#fff;border:1px solid #ded7d1;overflow:hidden;position:relative;margin:11px;;} .productview ul{height:225px;padding-top:4px;} .list-product{position:absolute;left:0px;top:0px;} /* goodlist */ .productslist{width:155px;margin:15px 0;padding:0px 4px;border-right:1px dotted #ded7d1;margin-right:0;float:left;height:84px;} .productslist .propics{overflow:hidden;display:block;float:left;} .productslist .propics img{width:53px;height:80px;} .productslist .procontent{float:right;width:93px;overflow:hidden;} .productslist .procontent a.title{font-size:13px;width:100%;height:20px;line-height:20px;display:block;color:#000;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;padding-left: 3px;} .productslist .procontent p.en{font-size:9px;width:100%;height:17px;line-height:17px;display:block;color:#666;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;padding-left: 3px;} .productslist .procontent p.change-price{font-size:9px;font-weight:lighter;color:#d63c3c;padding-left:3px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;} .productslist .procontent p.change-price a{color:#d63c3c} .productslist .procontent p.max-price{font-size:12px;color:#999;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;} .productslist .procontent p a{color:#0e48b2;} .productslist .procontent p a:hover{color:#ff5802;} .productslist .procontent a.exchange{font-size:12px;padding:4px 8px;text-align:center;#padding-top:6px;#padding-bottom:2px;color:#fff;display:none;text-decoration:none;background:#c75151;float:left;border-radius:2px;} .productslist .procontent a.exchange:hover{background:#973434;} .productslist .procontent p{padding:4px 0;} .ccpbox{width:253px;margin-left:10px;position:relative;height:253px;overflow:hidden;float:left;} .ccpbox .ccpbtn{height:31px;background:url(/uploads/image/phimages/tabbg.gif) repeat-x;border-left:solid 1px #c2ccd2;border-right:solid 1px #c2ccd2;} .ccpbox .ccpbtn li{float:left;position:relative;margin:0 0 0 -1px;background: rgba(0, 0, 0, 0) no-repeat scroll 0 0;} .ccpbox .ccpbtn li a{color: #ffffff;font-weight:bold;} .ccpbox .ccpbtn li a,.tabbox .tabbtn li span{display:block;float:left;height:31px;line-height:30px;overflow:hidden;width:108px;text-align:center;font-size:15px;cursor:pointer;} .ccpbox .ccpcon{height:221px;padding:5px;border-width:0 1px 1px 1px;border-color:#c2ccd2;border-style:solid;overflow: hidden;} .ccpbox .ccpcon .ccpcontent{width: 242px;height: 102px;float: left;padding-top: 7px;} .ccpbox .ccpcon .ccpcontent img{width: 100%;height: 100%;border-radius: 3px;} .bmfw-content { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-left: 1px solid #c2ccd2; border-right: 1px solid #c2ccd2; border-bottom: 1px solid #c2ccd2; border-image: none; height: 220px; overflow: hidden; padding-top: 2px; width: 210px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .bmfw-content li { background-image: ; background-repeat: no-repeat; float: left; } .bmfw-content li a { display: block; overflow: hidden; text-indent: -999px; } .b-c-bszn a, .b-c-zyrz a, .b-c-zlxz a, .b-c-cjwt a { height: 70px; } .b-c-xmsb a, .b-c-zxzx a, .b-c-zyld a, .b-c-zhbm a { height: 70px; } .b-c-bszn { background-position: 0 -443px; height: 74px; width: 104px; } .b-c-zyrz { background-position: -105px -443px; height: 74px; width: 104px; } .b-c-xmsb { background-position: 0 -517px; height: 74px; width: 104px; } .b-c-zxzx { background-position: -105px -517px; height: 74px; width: 104px; } .b-c-zyld { background-position: 0 -591px; height: 74px; width: 104px; } .b-c-zhbm { background-position: -105px -591px; height: 74px; width: 104px; } .index-ban { height: 150px; overflow: hidden; width: 210px; border-radius:3px; } .index-ban img { height: 150px; width: 210px; } .i-c-lhhgzh{ height: 157px; width: 208px; float: left; border: none; border-radius: 3px; } .qyzs-content { background: none repeat scroll 0 0 #f8f8f8; height: 129px; margin-top: 6px; overflow: hidden; width: 788px; } .jxapplm{width:253px;margin-left:9px;position:relative;height:253px;overflow:hidden;float:left;} .jxapplm .lmtitle{height:31px;background:url(/uploads/image/phimages/tabbgblue.gif) repeat-x;border-right:solid 1px #c2ccd2;} .jxapplm .lmtitle li{float:left;position:relative;margin:0;} .jxapplm .lmtitle li a,.jxapplm .lmtitle li span{ background: #a71f24; color:#ffffff; font-weight:600; display:block; float:left; height:31px; line-height:31px; overflow:hidden; width:110px; text-align:center; font-size:15px; cursor:pointer; } .jxapplm .lmtitle li.current{border-left:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;border-top:solid 1px #c5c5c5;} .jxapplm .lmtitle li.current a,.jxapplm .lmtitle li.current span{border-top:solid 2px #cfcfcf;height:28px;line-height:28px;background:#fff;color:#0e48b2;font-weight:800;} .jxapplm .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;} .jxapplm .lmcontent{height:220px;padding:10px 10px 10px 5px;border-width:0 1px 1px 1px;border-color:#c2ccd2;border-style:solid;} .jxapplm .lmcontent ul{padding-top:0px;} .jxapplm .lmcontent li{width:240px;float:left;background: -203px -52px no-repeat; overflow: hidden;position: relative;_display: inline;height:25px;line-height:25px;overflow:hidden;} .jxapplm .lmcontent li a {color:#333;padding-left: 12px;} .jxapplm .lmcontent li a:hover {color:#db3623} .jxapplm .lmcontent li span{margin:0;font-family:"宋体";font-size:10px;font-weight:200;color:#1667dd;position:absolute;right:0;} .jxapplm ul .lmcontent-more { bottom: 0; position: relative; color: #0e48b2; float: right; font-size: 12px; margin-right: 10px; z-index: 1000; } .i-c-jxlj { float: left; height: 253px; width: 210px; line-height: 27px; } .obliqueangle-title, .oa-t-left, .oa-t-left h2 { height: 31px; float: left; margin-left: 5px; } .obliqueangle-title { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; height:31px; background:url(/uploads/image/phimages/tabbg.gif) repeat-x; border-left:solid 1px #c2ccd2; border-right:solid 1px #c2ccd2; width: 776px; margin-left: 10px; } .oa-t-more { color: #02487c; float: right; font-size: 12px; line-height: 31px; margin-right: 10px; text-decoration: none; margin-left: 660px; } .oa-t-more:hover { color: #db3623; } .slidebox{ width:780px; margin:6px 0 0 10px; position:relative; overflow:hidden; _height:100%;} .picbox{ width:780px; height:129px; overflow:hidden; position:relative;} .piclist{ height:129px;position:absolute; left:0px; top:0px} .piclist li{ background:#eee; margin-right:8px; margin-left:5px; padding:2px; float:left;} .piclist li img{width:178px;height: 125px;} .swaplist{ position:absolute; left:-2340px; top:0px} .og_prev,.og_next{ width:30px; height:50px; background: no-repeat; background: no-repeat\9; position:absolute; top:39px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;} .og_prev{ background-position:0 -60px; left:0px;} .og_next{ background-position:0 0; right:4px;} /*! video.js default styles (http://videojs.com) version 4.4.0 create your own skin at http://designer.videojs.com */ /* skin ================================================================================ the main class name for all skin-specific styles. to make your own skin, replace all occurances of 'vjs-default-skin' with a new name. then add your new skin name to your video tag instead of the default skin. e.g.