@charset "utf-8";
body { margin:0px; padding:0px; color:#333; font-size:12px;  font-family:'微软雅黑'; background:url(images/bg1.png) #eeeeee repeat-x ;width:100%;overflow-x:hidden;word-break:break-all;}
td,dd,th{line-height:20px;font-size:12px;}
a:link,a:visited,a:active{color:#666666; text-decoration:none;}
a:hover{text-decoration:none;}
div{margin:0px auto; line-height:21px;}
img{border:none;}
ul,li{list-style:none; padding:0px; margin:0px;}
span,p,dd,dt,dl,h1,h2,h3,h4,h5,h6,form{margin:0px; padding:0px; overflow:hidden;}
.none { display:none; }
.clear { clear:both}

header{font-weight:500;color:#545454}header.fixed{position:fixed;z-index:10;background-color:#fff;right:0;left:0;top:0;min-height:91px;/*box-shadow:0 0 68px rgba(0,0,0,0.45)*/}header ul{list-style:none;margin:0;padding:0}header ul li{display:inline-block}header .top{background:#eee;text-align:right;font-size:12px;font-weight:300;color:#545454;min-height:30px}header .top #navigation_top span,header .top #navigation_top a{padding:5px 10px 4px 10px}header .top #navigation_top span:hover,header .top #navigation_top a:hover{background:#fff}header .top #navigation_top span .button-inline:hover,header .top #navigation_top a .button-inline:hover{background:#fff}header .top .inside{min-height:27px;font-weight:700}header .flag{width:16px;height:12px;display:inline-block;background:no-repeat center center;background-size:16px 12px;padding:0 !important;margin:8px 10px 4px;border:1px transparent solid;margin-left:107px;-webkit-transition:.3s;transition:.3s}header .top .free,header li span,header li a{text-decoration:none;padding:6px 10px;-webkit-transition:.2s;transition:.2s;display:block}header .top .free{padding:5px 10px 6px 0;font-family:"HN","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:13px}header .top .free:hover{background:none}header .top .free a{padding:0;text-transform:none;color:inherit;font-weight:300}header .top .free a:hover{background:none}header li span,header li.active>a,header li.trail>a,header li a:hover,header li a:active{color:#fdb900}header .top li span{color:inherit}header #main-menu>*{float:left}header .top .inside>*,header .main .right>*{float:left}header .top .inside .mod_autocomplete,header .top .inside .mod_oms_basket,header .top .inside .mod_navigation{float:right}header .main{position:relative;padding:0;min-height:60px;clear:both; padding-top:30px}header .inside .inside{position:relative}
header .main .inside #logo_container{position:absolute;left:0px;top:-29px;z-index:10}header .main .inside #main-menu{float:left;margin-left:160px;margin-top:4px}header .mod_oms_basket{position:relative}header .mod_oms_basket .baskettop{background-color:transparent;padding:5px 10px 4px;position:relative}header .mod_oms_basket .baskettop a{text-decoration:none}header .mod_oms_basket .baskettop .numItems{min-width:10px;height:10px;color:#000;text-align:center;display:inline-block;margin-left:4px;position:relative;top:0;padding:0;font-weight:900}header .mod_oms_basket .baskettop p{margin:0}header .mod_oms_basket .dropdown{background:#313131;padding:20px;display:none;position:absolute;top:30px;right:0;width:206px;z-index:2;color:#fff}header .mod_oms_basket .dropdown.open-basket{display:block}header .mod_oms_basket .dropdown .product-wrapper{padding:10px 20px 0;background:#fff;margin:0 0 20px}header .mod_oms_basket .dropdown .free-shipping{font-weight:bold}header .mod_oms_basket .dropdown .button-inline{display:block;font-size:13px;text-align:center}header .mod_oms_basket .dropdown .edit.link{color:#f60;text-align:center;display:block;text-decoration:none;margin-top:6px}header .mod_oms_basket .dropdown .edit.link:hover{color:#fff}header .mod_oms_basket .dropdown .basket_product_container_s{border-bottom:1px dotted #424242;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:5px 0}header .mod_oms_basket .dropdown .basket_product_container_s>*{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}header .mod_oms_basket .dropdown .basket_product_container_s .img{text-align:center}header .mod_oms_basket .dropdown .basket_product_container_s .info{text-align:left}header .mod_oms_basket .dropdown .basket_product_container_s .info *{color:black;font-size:11px;margin:0}header .mod_oms_basket .dropdown .basket_product_container_s .info h4{font-size:15px;font-weight:700}header .mod_oms_basket .dropdown .basket_product_container_s .info .price{font-size:15px;color:#f60;font-weight:700}header .mod_oms_basket .dropdown .basket_product_container_s:last-child{border-bottom:0}header .mod_oms_basket:hover .baskettop{background-color:#313131}header .mod_oms_basket:hover .baskettop .numItems{color:#f60}


header .mod_oms_basket:hover .baskettop #basket_img{color:#f60}header .mod_oms_basket:hover .dropdown{display:block}header .main .mod_oms_shop_navigation .level_1{display:none;max-height:400px;overflow:hidden;-webkit-transition:.3s;transition:.3s;position:absolute;background-color:#fff;text-align:center;color:#000;top:71px;width:100%;left:0;right:0;border-bottom:1px solid #000;padding:20px 0 40px}header .main .mod_oms_shop_navigation .level_1 li{margin:0;width:168px;vertical-align:top}header .main .mod_oms_shop_navigation .level_1 li a{padding:20px}header .main .mod_oms_shop_navigation .level_1 li a img{display:block !important}header .main .mod_oms_shop_navigation .level_1 li:nth-last-child(2) a,header .main .mod_oms_shop_navigation .level_1 li:last-child a{border-right:0}header .main .mod_oms_shop_navigation .level_1 li.viewall-wrapper{display:inline-block}header .main .mod_oms_shop_navigation .level_1 li.viewall-wrapper a{border:0}header .main .mod_oms_shop_navigation .level_1 li.viewall-wrapper a:hover{color:#f60}header .main .mod_oms_shop_navigation .level_1 li.viewall-wrapper span{display:block;width:200px}header .main .mod_oms_shop_navigation .level_1 li+.viewall-wrapper{margin-top:0}header .main .mod_oms_shop_navigation .level_1 li .level_2 .viewall-wrapper{display:none}header .main .mod_oms_shop_navigation .level_0>li.submenu{background:url("http://static.jbl.com/tl_files/themes/shop/skins/jblshop/02/images/header-nav-sub-arrow.png") center 52px no-repeat;-webkit-transition:background 0;transition:background 0}header .main .mod_oms_shop_navigation .level_0>.hovered,header .main .mod_oms_shop_navigation .level_0>li:hover{background-position:bottom center !important;-webkit-transition:background .3s;transition:background .3s;padding-bottom:20px}header .main .mod_oms_shop_navigation .level_0>.hovered .level_1,header .main .mod_oms_shop_navigation .level_0>li:hover .level_1{display:block;max-height:400px;opacity:1}header .main .mod_oms_shop_navigation.closed .level_1{max-height:0 !important}header .main .mod_oms_shop_navigation.closing .level_1{max-height:0 !important}header .main .mod_oms_shop_navigation.open .level_1{max-height:400px}


#main-menu{position:relative;padding-top:7px;margin-left:10px}#main-menu .mod_navigation .level_1>li,#main-menu .level_0>li{position:relative;padding-right: 10px;}#main-menu .mod_navigation .level_1>li:after,#main-menu .level_0>li:after{content:" ";background:#7f7f7f;border-radius:50%;height:4px;width:4px;display:inline-block;position:absolute;top:16px;right: 0;}#main-menu .mod_navigation .level_1>li:last-of-type:after,#main-menu .level_0>li:last-of-type:after,#main-menu .mod_navigation .level_1>li:last-child:after,#main-menu .level_0>li:last-child:after{width:0;height:0;content:none}#main-menu .mod_navigation .level_1>li:hover:after,#main-menu .level_0>li:hover:after{background:transparent}#main-menu .mod_navigation .level_1>li:hover:before,#main-menu .level_0>li:hover:before{content:" ";background:white;position:absolute;top:14px;left: -7px;height:6px;width:7px}#main-menu .submenu li a:hover{background:none;color:#f60}#main-menu .submenu li a img{border-bottom:solid 1px #313131;margin-bottom:6px;display:block;width:120px;height:120px}#main-menu .submenu li a:hover img{border-bottom:solid 4px #313131;margin-bottom:3px}#main-menu .submenu.hovered>a{background-color:#000;color:#fff}#main-menu .mod_oms_shop_navigation .level_1{top:118px;margin-top:0;max-height:400px;width:100%;left:0;right:0;margin-left:0;background:#fff;position:fixed}#main-menu .mod_oms_shop_navigation .level_1 .holder{margin-top:0;margin-right:auto;margin-left:auto;margin-bottom:20px;text-align:left;display:block;position:relative;margin:0 auto;max-width:1104px;padding:0 10px;width:1104px;padding:0}#main-menu .mod_oms_shop_navigation .level_1 .holder .viewall-wrapper{text-align:left;width:230px;margin-left:12px;display:inline-block;float:left}

#main-menu .mod_oms_shop_navigation .level_1 .holder .viewall-wrapper span{display:block;padding-top:30px;padding-bottom:20px;font-weight:600;font-size:18px;padding-left:0;color:#111;line-height:24px}#main-menu .mod_oms_shop_navigation .level_1 .holder .viewall-wrapper .inline-button.view-all{margin-top:20px;width:190px;height:32px;padding:10px 7px 0 7px;border:solid 2px #f60;text-align:center;color:#fff; background:#f60}#main-menu .mod_oms_shop_navigation .level_1 .holder .viewall-wrapper .inline-button.view-all:hover{background:#fff;color:#f60}#main-menu .mod_oms_shop_navigation .level_1 .holder .group{display:inline-block;width:auto;max-width:840px;padding-right:0;height:auto}#main-menu .mod_oms_shop_navigation .level_1 .holder .group a{font-size:11px;display:inline-block;padding:0;line-height:1.45em}#main-menu a{font-size:15px;font-weight:900;color:#333}#main-menu a:hover,#main-menu a.active,#main-menu a.trail{background:#000;color:#fff}#main-menu a a.inline-button{color:#fff}#main-menu .close.btn{width:20px;height:20px;color:#424242;position:absolute;top:0;right:-132px;cursor:pointer;display:none !important}#main-menu .close.btn:before{font-family:"hk";font-family:"JBL";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:auto;margin-left:5px;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"P"}#main-menu .close.btn:hover{color:#f60}#main-menu .level_0>li.trail>a,#main-menu .level_0>li.active>a{background:#000;color:#fff}#main-menu .level_0 li.trail:after,#main-menu .level_0 li.active:after{content:none}#main-menu .level_0 li.trail:before,#main-menu .level_0 li.active:before{content:" ";background:#fff;position:absolute;top:14px;left:-9px;height:6px;width:7px}.cookienotice #main-menu .mod_oms_shop_navigation .level_1{margin-top:-21px}
.wraptopbar { height:90px; background:url(images/topbg.jpg) repeat-x}
.topbar { height:90px; width:1500px;}
.logo { float:left; margin-left:200px; margin-top:2px;}
.nav{ float:left; margin-top:45px;}
.nav li { float:left; font-size:14px;  text-align:center; margin-left:15px; font-weight:bold; background:url(images/dot.png) 0 12px no-repeat; padding-left:10px;}
.nav li a { color:#000; display:block; padding:5px 10px;}
.nav li a:hover { color:#FFF; background-color:#000; text-decoration:none}
.nav .on a{color:#FFF; background-color:#000;}
#wrapper{width:1500px;height:558px;margin:0 auto}


.rslides {
  margin: 0 auto 40px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

/* Callback example */
.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width:1500px; height:558px
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height:558px;
  width:1500px;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav{
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left:8%;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height:44px;
  width:44px;
  background:url("images/left_ico.png") no-repeat;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next{
  left: auto;
  background:url("images/right_ico.png") no-repeat;
  right:18%;
  }
.callbacks_nav.next:hover{background:url("images/right_ico_hover.png") no-repeat;}
.callbacks_nav.prev:hover{background:url("images/left_ico_hover.png") no-repeat;}
.banner .crumb { color:#000; padding-left:200px; padding-top:37px;}
.banner .crumb a {color:#000;  }
.banner .crumb a:hover{ color:rgb(255,102,0);}

.banner h1 { color:#000; line-height:35px; padding-left:200px; padding-top:45px;}
.banner{width:1500px;margin:0 auto}
.remendpic { width:1060px;}
.remendpic li { float:left; margin-right:15px; border:2px solid #FFF;}
.remendpic li a { display:block}

.main { width:1060px; overflow:hidden}
.mainTit { font-size:16px; font-weight:bold; text-align:center; width:70px; margin-top:30px; border-bottom:3px solid #000; float:left; padding-bottom:5px;}
.picleft { width:530px; float:left; background:url(images/line.png) repeat-y right;}

.picright { width:530px; float:right;}

.more { background-color:rgb(255,102,0); text-align:center; float:right; font-size:14px;  }
.more a { display:block; font-weight:bold; width:165px;border:2px solid rgb(255,102,0); height:35px; line-height:35px; color:#FFF }
.more a:hover { background-color:#FFFFFF; text-decoration:none; color:rgb(255,102,0)}

.product li{ width:245px; float:left;  margin-left:15px; margin-bottom:20px;}
.product .text { border-top:3px solid #FFF; border-left:3px solid #FFF; border-right:3px solid #FFF; padding-bottom:30px;}
.product .text:hover { border-top:3px solid rgb(255,102,0); border-left:3px solid rgb(255,102,0); border-right:3px solid rgb(255,102,0);}
.product li img { float:left; margin-left:15px; margin-top:22px;}
.product li h5 { font-size:15px; height:42px; overflow:hidden}
.product p { margin-top:20px;}

.left { width:243px; background-color:#FFF; height:500px; float:left; margin-top:20px;}
.left li { font-size:15px; line-height:25px;}
.left li a { background:url(images/arrow.jpg) 0 5px no-repeat; color:#000; padding-left:15px;}
.left li a:hover { text-decoration:none; color:rgb(255,102,0)}
.right { width:812px; background-color:#FFF; float:right; margin-top:20px;}
.about { padding:20px; color:#000}
.wabouttitle { height:119px; background:url(images/abg.jpg) repeat-x;}
.abouttitle h1 { padding-top:50px; width:1060px; margin:0 auto}

.wrapfootnav { padding:0 10px; overflow:hidden; background-color:#000000; margin-top:20px;border-top:3px solid rgb(255,102,0);}
.footnav { width:1060px;}
.footnav dl { float:left; margin-right:55px; font-weight:bold; font-size:12px; margin-top:20px;}
.footnav dt { margin-bottom:10px; line-height:30px;}
.footnav dt a { color:#b0b0b0; font-weight:bold}
.footnav a:hover { color:rgb(255,102,0); font-weight:bold}

.channel { width:518px; height:343px; float:left; background-color:#FFF; margin-left:20px; margin-bottom:20px;}
.more1 a { display:block; font-weight:bold; width:186px;border:2px solid rgb(255,102,0); height:41px; line-height:41px; color:#FFF }
.more1 a:hover { background-color:#FFFFFF; text-decoration:none; color:rgb(255,102,0)}

.more3 a { display:block; font-weight:bold; width:239px; text-align:center; background-color:rgb(255,102,0);border:3px solid rgb(255,102,0);border-bottom:3px solid rgb(255,102,0); height:41px; line-height:41px; color:#FFF }
.more3 a:hover { background-color:#FFFFFF; text-decoration:none; color:rgb(255,102,0)}

.foot { padding:0 15px; color:#FFF; background:url(images/footbg.jpg); text-align:center; line-height:25px;}

.remendpic li a img{outline-offset: -2px;
-webkit-transition: opacity .1s;
transition: opacity .1s;}
.remendpic li a:hover img{outline:2px solid #f60;
opacity: .8;}
.wrapper{width:100%;}
.wrapper .section{width:1500px;margin:0 auto;margin-bottom:40px; clear:both}
.wrapper .section .step{width:1060px}
.wrapper .bg_box{ position:relative}
.wrapper .section.bg_box{height:614px;padding-bottom:40px;width:1500px;background: url(images/pdp-top-bg.jpg) repeat #5a5959 fixed 0 -234px;}
.wrapper .fix_box{position:absolute;left:55%;top: 109px;padding: 20px 138px 20px 20px;width: 344px;color: #000;transition: color .3s;z-index: 1;margin-top: 20px;}
.wrapper .fix_box h1{ font-size:12px; color:#545454; font-weight:normal;}
.wrapper .fix_box h2{ font-size:16px; color:#000;font-weight:900;overflow:inherit; margin:10px 0 20px 0}
.wrapper .fix_box span{ display:block;color: #f60;font-weight: 500;font-size: 13px;}
.wrapper .fix_box span a{color:#f60;}
.wrapper .fix_box span i{ display:inline-block;vertical-align:middle;margin:-3px 3px 0 3px}
.wrapper .fix_box .line{ height:1px; background:#000;margin-top:15px; margin-bottom:21px}
.wrapper .fix_box em{ display:block; font-style:normal; color:#000; font-size:16px; font-family:"宋体";margin-top:12px}
.wrapper .fix_box h3{color:#313131;font-size: 27px;font-weight: 400;letter-spacing: -0.05em; margin-bottom:14px}
.wrapper .fix_box h3 i{ font-style:normal; font-size:15px; color:#000;font-family:"宋体"}
.wrapper .fix_box p a{font-family:"宋体";font-size:15px; color:#000;}
.wrapper .fix_box p a:hover{ color:#f60}
.wrapper .fix_box p{line-height:24px}
.wrapper .fix_box p a i{ display:inline-block; background:url(images/tb.png) no-repeat left 0px;width:22px;height:16px; margin-right:10px; vertical-align:middle; margin-top:-3px}
.wrapper .fix_box p a i.i2{ background-position:left -24px}
.wrapper .fix_box p a i.i3{ background-position:left -47px}
.section .step .text_box{background:#fff;padding:20px 0; width:702px; margin-left:0px}
.section .step .text_box p{font-weight:700;color: #000;font-size: 13px;font-family:"宋体"; padding:10px 20px; line-height:18px;}
.section .step .cp_box{width:702px; margin-left:0px}
.section .step .cp_box li{float:left;background:#fff; padding:40px;height:447px}
.section .step .cp_box li.one{ margin-right:20px}
.step .cp_box li dt{ margin:0 auto; width:219px;}
.step .cp_box li.one dt{ margin-bottom:70px}
.step .cp_box li dd{ color:#000;color:#000;font-size:15px;font-family:"宋体";line-height:20px; width:152px; margin:0 auto}
.step .cp_box li dd i{ display:inline-block; vertical-align:middle;margin-top:-3px; margin-right:5px}
.step .cp_box li dd a{font-weight:700;padding:7px 26px;background-color:#f60;color:#fff;display:inline-block;text-decoration:none;transition:0;border:2px solid #f60;width:96px;height:20px;text-align:center}
.step .cp_box li dd a:hover{ background:#fff; color:#f60}
.step .sel_1{height:62px;line-height:62px;background:#aeaeae url(images/x_jt.jpg) no-repeat right;margin-left:0px; width:702px}
.step .sel_1.cur{ background:#aeaeae url(images/s_jt.jpg) no-repeat right}
.step .sel_2{ display:none; width:642px;position:relative;padding:30px;margin-left:0px; background:#fff}
.step .chang{ padding-top:40px}
.step .sel_1 a{font-weight:400;font-size:20px;color:#fff;font-family:"宋体";display:block;width:642px;padding:0 40px 0px 20px;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:420px;height:350px;}
.jqzoom img{width:420px;height:350px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff url(../images/zoom.png) 50% center no-repeat;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:420px;height:350px;}
.spec-scroll{clear:both;margin-top:20px;width:420px; position:relative}
.spec-scroll a{ background:url(images/img.png) no-repeat; height:18px; width:10px; overflow:hidden; position:absolute}
.spec-scroll .items{position:relative;height:70px;overflow:hidden; margin:0 auto;}
.spec-scroll .items ul{position:absolute;width:999999px;height:70px;}
.spec-scroll .items ul li{float:left;width:84px;height:70px;}
.spec-scroll .items ul li img{width:84px;height:70px;opacity: .3;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out; cursor:pointer}
.proTop{ margin-bottom:25px}
.step .scroll{ width:535px;margin:0;padding:30px 0; margin-left:12px}

.spec-scroll .items ul li.active img,.spec-scroll .items ul li:hover img{
	opacity: 1;
}

/* Element wrapper */

.sp-wrap {
	display: none;
	line-height: 0;
	font-size: 0;
	position: relative;
	margin: 0 25px 15px 0;
	float: left;
	/**************
	  Set max-width to your thumbnail width
	***************/
	
	max-width:535px;
}

/* Thumbnails */

.sp-thumbs {
	text-align: left;
	display: inline-block;width:420px; margin-top:20px
}
.sp-thumbs a{ width:84px; height:70px;margin:0 10px 0 9px;border:1px solid #ccc}
.sp-thumbs img{
	height:70px;
	width:84px;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
	overflow: hidden;
	opacity: 1;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.sp-thumbs a:hover {
	opacity: 1;
}

/* Styles for the currently selected thumbnail */

.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
}

/* Image currently being viewed */

.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0; width:400px; margin:0 auto
}
.sp-large a img {
	width:400px;
	height: auto;
}
.sp-large a {
	display: block;
}

/* Panning Zoomed Image */

.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}
/* Lightbox */

.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 500;
	display: none;
	cursor: pointer;
}
.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff;
}
#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}
#sp-prev {
	left: 10px;
}
#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}
#sp-next {
	right: 10px;
}
#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}
#sp-prev:hover, #sp-next:hover {
	background: #444;
}

/* Tweak styles for small viewports */

/*焦点图*/
.banner2{width:100%;height:558px;clear:both;position:relative}
.banner2 .ck-slide{width:100%;height:558px;margin:0 auto;position:relative;overflow:hidden;}
.banner2 .ck-slide ul.ck-slide-wrapper{height:558px;}
.banner2 .ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;margin:0;padding:0;list-style-type: none;}
.banner2 .ck-slide ul.ck-slide-wrapper li{position:absolute;}
.banner2 .ck-slidebox{position:absolute;left:50%;bottom:30px;z-index:30;}
.banner2 .ck-slidebox ul{height:20px;padding:0 2px;border-radius:8px;}
.banner2 .ck-slidebox ul li{float:left;margin:0 5px;}
.banner2 .ck-slidebox ul li em{display:block;width:12px;height:12px;background:url(images/dd.png);text-indent:-9999px;cursor:pointer;}
.banner2 .ck-slidebox ul li.current em{background:url(images/dd2.png);}
.banner2 .ck-slidebox ul li em:hover{background:url(images/dd2.png);}

.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:1px #333333 solid;
background:#FFFFCD;
text-decoration:none;
}