/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

/***************************宽屏样式 Start ***************************/
.w_1200 #banner_middle{height:240px;}
.w_1200 #banner_middle .wide>div{width:372px; height:165px; margin-left:42px;}
.w_1200 #hot_pro_list{ width:100%;}
.w_1200 .new_pro_box .ad .fl{ width:584px; height:430px;}
.w_1200 .new_pro_box .ad .fr{ width:584px;}
.w_1200 .new_pro_box .ad .fr div{ height:430px;}
.w_1200 .new_pro_box .item2{width:275px; margin-left:33px;}
.w_1200 .new_pro_box .item2 .img{width:273px; height:273px;}
.w_1200 .new_pro_box .item2 .mask .top{padding-top:105px;}

.w_1200 .fea_pro_box .cate_list .cate_title{ width:404px; left:-177px; top:177px;}
.w_1200 .fea_pro_box .cate_list .item3{ width:286px;}
.w_1200 .fea_pro_box .cate_list .item3 .img{ height:286px;}
.w_1200 .fea_pro_box .cate_list .item3 .mask .top{padding-top:125px;}

/***************************宽屏样式 End ***************************/
/*通用*/
.ad img{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.ad img:hover{ transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08);}
.ad div{ overflow:hidden;}

.pro_item .icon_discount{width:44px; height:25px; line-height:12px; padding-top:5px; color:#fff; position:absolute; top:0; right:0;}
.pro_item .icon_discount b{font-size:16px;}
.pro_item .icon_discount_foot{width:0; height:0; border-left:22px transparent solid; border-right:22px transparent solid; border-top-width:8px; border-top-style:solid; position:absolute; right:0; top:30px;}
.pro_item .icon_seckill{line-height:26px; overflow:hidden; padding:0 9px; color:#fff; position:absolute; top:11px; left:0; display:none; font-size:14px; text-transform:uppercase;}

/*Banner*/
#banner{ overflow:hidden;}
#banner .bd ul li a, #banner .bd ul li img{width:100%; }
#banner li{text-align:center;}

#banner_middle{height:213px; overflow:hidden; background-color:#908176;}
#banner_middle .wide{padding-top:38px;}
#banner_middle .wide>div{width:312px; height:138px; overflow:hidden; float:left; text-align:center; vertical-align:middle; margin-left:21px;}
#banner_middle .wide>div:first-child{margin-left:0;}
#banner_middle .wide>div img{max-width:100%; max-height:100%; vertical-align:middle;}

/*首页盒子*/
.index_box{padding:20px 0;}
.index_box_title{padding-bottom:13px; text-align:center; position:relative;}
.index_box_title>span{height:40px; line-height:40px; padding:20px 0 15px; text-transform:uppercase; font-size:24px; background:url(../images/index_box_title.png) no-repeat bottom center; display:inline-block;}
.index_box_title .btn span{display:inline-block; width:27px; height:28px; content:''; background:url(../images/ico-img.png) no-repeat; margin-left:3px; cursor:pointer;}
.index_box_title .left_btn{ width:35px; height:35px; display:block; position:absolute; right:40px; bottom:0; background:url(../images/left_btn.png) no-repeat; transition: all 0.2s ease-in-out;}
.index_box_title .left_btn:hover{ background:url(../images/left_btn_cur.png) no-repeat;}
.index_box_title .right_btn{ width:35px; height:35px; display:block; position:absolute; right:0; bottom:0; background:url(../images/right_btn.png) no-repeat; transition: all 0.2s ease-in-out;}
.index_box_title .right_btn:hover{ background:url(../images/right_btn_cur.png) no-repeat;}
.index_box_main{overflow:hidden;}

/*热卖产品*/
#hot_pro_list{ width:891px; margin:0 auto;}
.hot_pro_box{ background-color:#f6f6f6;}
.hot_pro_box .list{width:3696px;}
.hot_pro_box .pro_item{ background:none;}
.hot_pro_box .item1{width:275px; margin-top:23px; margin-right:33px; padding-bottom:7px;}
.hot_pro_box .item1.last{margin-right:0px;}
.hot_pro_box .item1 .img{width:275px; height:275px; margin:0 auto; text-align:center; position:relative; background-color:#fff;}
.hot_pro_box .item1 .name{ height:25px; line-height:25px; overflow:hidden; text-align:center;}
.hot_pro_box .item1 .name a{ text-align:center; font-size:14px; text-decoration:none;}
.hot_pro_box .item1 .price{line-height:20px; height:20px; overflow:hidden; margin-top:7px; text-align:center; font-size:18px;}
.hot_pro_box .item1 .price del{color:#aaa; font-size:16px;}
.hot_pro_box .item1 .review{text-align:center; margin-top:20px; margin-bottom:10px; height:14px;}
.hot_pro_box .item1 .review img{ margin:0 1px;}
.hot_pro_box .more{ height:38px; line-height:38px; background:#fff; border:1px solid #eee; text-align:center; font-size:14px; text-align:center; display:block; text-transform:uppercase; margin-top:70px;}

/*新品产品*/
.new_pro_box .ad .fl{ width:476px; height:351px;}
.new_pro_box .ad .fr{ width:476px;}
.new_pro_box .ad .fr div{ height:351px;}

.new_pro_box .item2{width:230px; margin-left:20px; position:relative;}
.new_pro_box .item2 .img{width:228px; height:228px; text-align:center; position:relative; background-color:#fff; border:1px solid #eee; overflow:hidden;}
.new_pro_box .item2 .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/pro_mask.png); visibility:hidden; transition: all 0.2s ease-in-out; opacity:0;}
.new_pro_box .item2 .mask .top{ height:41px; padding-top:90px; text-align:center;}
.new_pro_box .item2 .mask .top a{ width:41px; height:41px; display:inline-block; margin:0 3px; transition: all 0.2s ease-in-out;}
.new_pro_box .item2 .mask .top a.favo{ background:url(../images/favo2.png) no-repeat;}
.new_pro_box .item2 .mask .top a.favo:hover{ background:url(../images/favo2_hover.png) no-repeat;}
.new_pro_box .item2 .mask .top a.see{ background:url(../images/see2.png) no-repeat;}
.new_pro_box .item2 .mask .top a.see:hover{ background:url(../images/see2_hover.png) no-repeat;}
.new_pro_box .item2 .mask .top a.share_this{ background:url(../images/share2.png) no-repeat;}
.new_pro_box .item2 .mask .top a.share_this:hover{ background:url(../images/share2_hover.png) no-repeat;}
.new_pro_box .item2 .mask .cart{ width:180px; height:45px; line-height:45px; margin:0 auto; font-size:14px; color:#000; text-indent:60px; background:url(../images/cart2.png) #fff 17px center no-repeat; display:block; margin-top:20px; text-decoration:none; transition: all 0.2s ease-in-out;}
.new_pro_box .item2 .mask .cart:hover{ background:url(../images/cart2_hover.png) #2683ff 17px center no-repeat; color:#fff;}
.new_pro_box .item2 .param{ width:100%; position:absolute; left:0; bottom:0;}
.new_pro_box .item2 .param_blank{ height:95px;}
.new_pro_box .item2 .review{ text-align:center; padding-top:15px;}
.new_pro_box .item2 .review img{ margin:0 1px;}
.new_pro_box .item2 .name{ height:25px; line-height:25px; overflow:hidden; text-align:center; margin-top:10px; padding:0 10px;}
.new_pro_box .item2 .name a{ font-size:14px; text-decoration:none;}
.new_pro_box .item2 .price{line-height:20px; height:20px; overflow:hidden; margin-top:7px; text-align:center; font-size:18px; padding:0 10px;}
.new_pro_box .item2 .price del{color:#aaa; font-size:16px; margin-left:10px;}
.new_pro_box .item2:hover .mask{ visibility:visible; opacity:1;}
.new_pro_box .item2:hover .name a{ color:#fff;}
.new_pro_box .item2:hover .price em{ color:#fff;}
.new_pro_box .item2:hover .price span{ color:#fff;}

/*畅销产品*/
.fea_pro_box{ background:#f6f6f6;}
.fea_pro_box .cate_list{ margin-bottom:40px; position:relative;}
.fea_pro_box .cate_list .cate_title{ width:349px; height:50px; line-height:50px; text-align:center; text-transform:uppercase; position:absolute; left:-150px; top:150px; font-size:18px; color:#fff;-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform:rotate(90deg);}
.fea_pro_box .cate_list .ct0{ background:#f5bc53;}
.fea_pro_box .cate_list .ct1{ background:#a2ce7f;}
.fea_pro_box .cate_list .ct2{ background:#50a7ec;}
.fea_pro_box .cate_list .ct3{ background:#f77572;}
.fea_pro_box .cate_list .item3{ width:231px; border-right:1px solid #eee; float:left; position:relative;}
.fea_pro_box .cate_list .item3 .img{ height:231px; position:relative;}
.fea_pro_box .cate_list .item3 .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/pro_mask.png); visibility:hidden; transition: all 0.2s ease-in-out; opacity:0;}
.fea_pro_box .cate_list .item3 .mask .top{ height:41px; padding-top:90px; text-align:center;}
.fea_pro_box .cate_list .item3 .mask .top a{ width:41px; height:41px; display:inline-block; margin:0 3px;transition: all 0.2s ease-in-out;}
.fea_pro_box .cate_list .item3 .mask .top a.favo{ background:url(../images/favo2.png) no-repeat;}
.fea_pro_box .cate_list .item3 .mask .top a.favo:hover{ background:url(../images/favo2_hover.png) no-repeat;}
.fea_pro_box .cate_list .item3 .mask .top a.see{ background:url(../images/see2.png) no-repeat;}
.fea_pro_box .cate_list .item3 .mask .top a.see:hover{ background:url(../images/see2_hover.png) no-repeat;}
.fea_pro_box .cate_list .item3 .mask .top a.share_this{ background:url(../images/share2.png) no-repeat;}
.fea_pro_box .cate_list .item3 .mask .top a.share_this:hover{ background:url(../images/share2_hover.png) no-repeat;}
.fea_pro_box .cate_list .item3 .mask .cart{ width:180px; height:45px; line-height:45px; margin:0 auto; font-size:14px; color:#000; text-indent:60px; background:url(../images/cart2.png) #fff 17px center no-repeat; display:block; margin-top:20px; text-decoration:none;}
.fea_pro_box .cate_list .item3 .mask .cart:hover{ background:url(../images/cart2_hover.png) #2683ff 17px center no-repeat; color:#fff;}
.fea_pro_box .cate_list .item3 .param{ width:100%; position:absolute; left:0; bottom:0;}
.fea_pro_box .cate_list .item3 .param_blank{ height:118px;}
.fea_pro_box .cate_list .item3 .review{ text-align:center; padding-top:15px;}
.fea_pro_box .cate_list .item3 .review img{ margin:0 1px;}
.fea_pro_box .cate_list .item3 .name{ height:25px; line-height:25px; overflow:hidden; text-align:center; margin-top:10px; padding:0 10px;}
.fea_pro_box .cate_list .item3 .name a{ font-size:14px; text-decoration:none;}
.fea_pro_box .cate_list .item3 .price{line-height:20px; height:20px; overflow:hidden; margin-top:7px; text-align:center; font-size:18px; padding:0 10px;}
.fea_pro_box .cate_list .item3 .price del{color:#aaa; font-size:16px; margin-left:10px;}
.fea_pro_box .cate_list .item3:hover .mask{ visibility:visible; opacity:1;}
.fea_pro_box .cate_list .item3:hover .name a{ color:#fff;}
.fea_pro_box .cate_list .item3:hover .price em{ color:#fff;}
.fea_pro_box .cate_list .item3:hover .price span{ color:#fff;}
.fea_pro_box .blank{ height:100px;}