@charset "utf-8";

.sphoto_image{margin-top:5px; width:100%; overflow:hidden;}
.sphoto_image div{width:100%; text-align:center; background:#151515;}
.sphoto_image a{height:485px; overflow:hidden; display:block; min-width:980px; z-index:1;position:relative;}
.sphoto_image .gbox{position:absolute; z-index:5; width:100%; height:485px; 
background: -moz-linear-gradient(top,  rgba(21,21,21,0) 1%, rgba(21,21,21,0) 46%, rgba(21,21,21,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(21,21,21,0)), color-stop(46%,rgba(21,21,21,0)), color-stop(100%,rgba(21,21,21,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(21,21,21,0) 1%,rgba(21,21,21,0) 46%,rgba(21,21,21,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(21,21,21,0) 1%,rgba(21,21,21,0) 46%,rgba(21,21,21,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(21,21,21,0) 1%,rgba(21,21,21,0) 46%,rgba(21,21,21,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(21,21,21,0) 1%,rgba(21,21,21,0) 46%,rgba(21,21,21,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00151515', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
}

.sphoto_box .psection{width:980px; margin-left:50%; left:-490px; margin-top:5px; position:absolute; top:0; background:none; box-shadow:none;}
.sphoto_box .psection .product_lay{height:385px; overflow:hidden;}

.sphoto_box .psection .product_lay a.prev, 
.sphoto_box .psection .product_lay a.next{top:175px;}
.sphoto_box .psection .product_lay .product .pdata{top:277px; margin:0; left:0; padding-left:40px; height:108px; 
 background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,.5) 46%,rgba(0,0,0,.8) 100%); /* W3C */
}

.sphoto_box .psection .product_lay .product .pdata .pdata_wrap{}
.sphoto_box .psection .product_lay .product .guide_info{left:0px;}
.sphoto_box .product .pdata h3{color:#fff; font-size:30px;}
.sphoto_box .product .pdata .pdata_wrap{padding-right:57px;}
.sphoto_box a.btn_youtubes{position:absolute; right:0; top:5px;}

.sphoto_box .product .guide_info .guide_info_photo{border:0px solid rgba(255,255,255,.8);width:980px;height:97px;padding-top:10px;}

.header{margin-bottom:438px;}
.body.mainpage .container{margin-top:400px; background:none;}

.quick_box{top:206px;}

.psection{background:#fff; padding:20px; overflow:hidden;}

.psection h2.psection_title{text-align:center; height:50px;}
.psection h2.psection_title span{color:#688cd6; font-size:20px; font-weight:bold; position:relative; display:inline-block; border-top:3px solid #688cd6; height:35px; line-height:35px; margin:0;}

.sphoto .sphoto_box .psection{padding:50px 0 0 0;}
.sphoto .pagination, .sphoto .pagination li{margin:0; padding:0; list-style:none;}
.sphoto .pagination{text-align:right; margin-top:10px;}
.sphoto .pagination li{display:inline}
.sphoto .pagination li a{display:inline-block; width:9px; height:9px; border-radius:9px; background:#fff; line-height:100px; overflow:hidden; margin-right:3px;}
.sphoto .pagination li.current a{background:#1aa6e1}

.ht_mproduct{zoom:1; width:1200px;}
.ht_mproduct:after{content:''; display:block; clear:both;}
.ht_mproduct li{width:464px; float:left; margin-right:13px;}
.ht_mproduct .ht_image{overflow:hidden; height:246px; text-align:center; position:relative; margin-bottom:5px;}
.ht_mproduct .ht_image img{height:246px;}
.ht_mproduct .ht_t_deco{background:rgba(0,0,0,.5); position:absolute; left:0; bottom:0; font-size:12px; color:#fff; width:100%; text-align:left; padding:10px;}

.ht_mproduct h3{margin:0; padding:0; font-size:18px; color:#252525;}
.ht_mproduct h3 span{font-size:13px; color:#676767; display:block; font-weight:normal; margin-top:5px;}
.ht_mproduct .ht_price{font-size:20px; color:#688cd6; font-weight:bold; margin-top:5px;}

.ht_mainroll ul{zoom:1;}
.ht_mainroll ul:after{content:''; display:block; clear:both;}
.ht_mainroll li{background:#fff; width:469px; height:335px; border:1px solid #e3e3e3; padding:6px; float:left; margin-right:13px; position:relative; box-shadow:0 2px 2px rgba(0,0,0,.3)}
.ht_mainroll li a{display:block;}
.ht_mainroll li h2{margin:0; padding:0; font-size:17px; color:#252525; width:300px; height:82px; padding-top:8px; padding-left:5px;}
.ht_mainroll li h2 span{display:block; font-size:13px; color:#676767; font-weight:normal; margin-top:7px;}
.ht_mainroll li .ht_price{position:absolute; right:6px; top:7px; width:151px; height:61px; background:#305ebc; font-size:15px; color:#98afde; text-align:right; padding-top:20px; padding-right:10px}
.ht_mainroll li .ht_price span{color:#fff; font-size:20px; display:block;}
.ht_mainroll li .ht_image{width:469px; height:246px; overflow:hidden; text-align:center;}
.ht_mainroll li .ht_image img{height:246px;}