/*样式覆盖部分*/
@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff'),
         url('roboto-regular-webfont.ttf') format('truetype'),
         url('roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	font-family:'robotoregular', sans-serif;
}
a{
	-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.wapper{width:1200px;}

#header_box{
	width:100%;
	background:#202020;
}
#header_box .head1{
	height:43px;
	background:#fff;
	border-bottom:1px solid #e7e7e7;
}
#header_box .header_lt{
	float:left;
	height:43px;
}
#header_box .currency_box{
	text-transform:uppercase; 
	position:relative; 
	z-index:1000;
	float:right;
	height:43px;
	padding:0;
}
#header_box .currency_txt{ 
	cursor:pointer;
	color:#888;
	line-height:29px;
	height:29px;
	background:#f5f5f5;
	margin-top:7px;
	padding:0 5px;
}
#header_box .currency_txt i{
	width:auto; 
	height:auto; 
	background:none; 
	margin:0;
	vertical-align:top;
	font-size:12px;
	padding-left:3px;
}


#header_box .drop_currency{
	position:absolute;
	left:0; 
	top:43px; 
	width:130px; 
	padding:10px 5px;
	border:0;
	box-sizing:border-box;
	opacity:0;
	visibility:hidden;
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background:#fff;
	
}
#header_box .currency li a{
	color:#888; 
	display:block; 
	overflow:hidden; 
	height:22px; 
	line-height:22px; 
	padding:0 8px;
	font-size:14px;
}
#header_box .currency li a:hover{
	background:none; 
	color:#ffcc00;
}
#header_box .currency li a span{
	float:right;
}
#header_box .currency li a b{
	font-weight:normal; 
	float:left;
}
#header_box .currency_on .drop_currency{
	opacity:1;
	visibility:visible;
}
#header_box .my_wishlist,
#header_box .login,
#header_box .tracking_order{
	float:left;
	height:43px;
	line-height:43px;
	padding:0 20px;	
	position:relative;
}
#header_box .my_wishlist{
	padding-left:0;
}
#header_box .my_wishlist:before,
#header_box .tracking_order:before{
	height:16px;
	width:1px;
	background:#e5e5e5;
	position:absolute;
	right:0;
	top:16px;
	content:"";
}
#header_box .my_wishlist a,
#header_box .login a,
#header_box .tracking_order a{
	display:inline-block;
	text-transform:uppercase;
	color:#bbb;
}
#header_box .header_rt{
	float:right;
	padding:0;
	height:43px;
}
#header_box .header_rt a:hover{
	color:#ffcc00;
}


#header_box .head2{
	width:1200px;
	margin:0 auto;
	padding:34px 0;
	height:64px;
}
#header_box .logo{
	display:inline-block;
	height:64px;
	width:250px;
}
#header_box .logo a{
	display:block;
	height:64px;
	text-align:left;
}
#header_box .logo a span{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
#header_box .logo a img{
	vertical-align:middle;
	max-height:64px;
}
#header_box .cart_box{
	margin:0;
	height:64px;
	float:right;
	padding:0 100px 0 20px;
	border-left:1px solid #494949;
}
#header_box .cart_txt{
	line-height:64px;
	height:64px;
	font-size:14px;
	-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#header_box .cart_txt a{
	display:block;
	padding:0;
	color:#888;
	font-size:12px;
}
#header_box .cart_txt a i{
	display:inline-block;
	background:none;
	margin:0;
	line-height:64px;
	height:64px;
	float:left;
	vertical-align:top;
	font-size:40px;
	color:#ffcc00;
	width:auto;
	padding:0 10px 0 0;
}
#header_box .cart_txt a p{
	float:left;
	line-height:20px;
	padding:12px 0 0;
	color:#fff;
	text-transform:uppercase;
}
#header_box .cart_txt a p span{
	color:#999;
	font-weight:normal;
}
#header_box .cart_txt strong{
	color:#999;
	padding:0 2px;
}
#header_box .cart{
	display:block;
	top:60px;
	border:0;
	border:2px solid #ffcc00;
	visibility:hidden;
	opacity:0;
	transform:translate(0,15px);
	transition:all 0.3s;
	right:50px;
}
#header_box .cart_on .cart{
	visibility:visible;
	opacity:1;
	transform:translate(0);
}
#header_box .head2_txt{
	float:right;
	margin-right:30px;
	color:#999;
	line-height:64px;
}
#header_box .head2_txt i{
	background:none;
	vertical-align:middle;
	margin-right:5px;
	color:#666;
	font-size:20px;
}





#header_box .search_box{
	float:right;
	padding:0;
	height:70px;
	width:300px;
	position:relative;
}
#header_box .search{
	width:300px;
	height:70px;
	padding:14px 0 0;
	box-sizing:border-box;
}
#header_box .searchform{
	width:300px;
	height:42px;
	border:0;
}
#header_box .search_input{
	width:245px;
	height:42px;
	border:1px solid #e7e7e7;
	box-sizing:border-box;
	font-size:12px;
	color:#bbb;
	padding:0;
}
#header_box .btn_search{
	width:55px;
	height:42px;
	background:#202020;
	padding:0;
	margin:0;
	border:0;
	text-align:center;
	line-height:42px;
	color:#adafac;
}

#header_box .nav_warp{
	height:70px;
	background:#151515;
	border-top:1px solid #494949;
}
#header_box .nav_box{
	width:1200px;
	margin:0 auto;
	border:0;
	height:70px;
}
#header_box .nav{
	float:left;
	margin:0;
	width:850px;
	height:70px;
	font-size:0;
}
#header_box .nav > li{
	float:none;
	display:inline-block;
	padding:0;
	height:70px;
	font-size:12px;
	border-left:1px solid #494949;
}
#header_box .nav > li > a{
	display:block;
	border:0;
	height:70px;
	line-height:70px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	text-transform:uppercase;
	padding:0 24px;
	position:relative;
}
#header_box .nav > li > a:before{
	content:'';
	width:16px;
	height:2px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	bottom:15px;
	margin:auto;
	opacity:0;
	visibility:hidden;
}
#header_box .nav > li > a:hover:before{
	opacity:1;
	visibility:visible;
}
#header_box .nav > li > a i{
	display:inline-block;
	background:none;
	vertical-align:middle;
	font-size:12px;
	margin-left:3px;
	color:#fff;
	transform:scale(0.8);
	height:20px;
	line-height:20px;
}
#header_box .nav > li > a:hover,
#header_box .nav > li.on > a{
	color:#fff;
}

#header_box .nav .sub_nav{
	display:block;
	position:absolute;
	top:70px;
	left:0;
	background:#fff;
	width:200px;
	padding:20px 30px;
	text-align:left;
	-moz-box-shadow: 3px 4px 43px 0px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 3px 4px 43px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 3px 4px 43px 0px rgba(0, 0, 0, 0.11);
	visibility:hidden;
	opacity:0;
	transform:translate(0,15px);
	transition:all 0.4s;
	box-sizing:border-box;
}
#header_box .nav .sub_nav li{
	float:none;
	height:34px;
	width:100%;
}
#header_box .nav .sub_nav li a{
	display:block;
	height:34px;
	line-height:34px;
	color:#666;
	font-size:14px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#header_box .nav .sub_nav li a:hover{
	color:#ffcc00;
	background:none;
}
#header_box .nav li.on .sub_nav{
	visibility:visible;
	opacity:1;
	transform:translate(0,0);
}


#body_box{
	width:1200px;
}
.index_default{
	width:100% !important;
}
.index_default .banner_top_ad{
	border-bottom:1px solid #e7e7e7;
	text-align:center;
}
.index_default .left_box{
	float:left;
	width:270px;
}
.index_default .left_category{
	min-height:560px;
}
.index_default .left_category h3{
	background:#ffcc00;
	height:46px;
	line-height:46px;
	padding:0 30px;
	text-transform:uppercase;
	font-size:14px;
	color:#000;
	position:relative;
}
.index_default .left_category h3 i{
	position:absolute;
	right:30px;
	height:46px;
	line-height:46px;
	background:none;
	font-size:14px;
}
.index_default .left_category ul{
	border:2px solid #ffcc00;
	box-sizing:border-box;
	min-height:514px;

}
.index_default .left_category ul li{
	height:48px;
	border-bottom:1px solid #e7e7e7;
	position:relative;
}
.index_default .left_category ul li a{
	display:block;
	height:48px;
	line-height:48px;
	padding:0 30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	font-size:14px;
	position:relative;
}
.index_default .left_category ul li .lv2_list a{
	max-width:240px;
	padding:0 15px;
}
.index_default .left_category ul li a i{
	position:absolute;
	right:20px;
	top:0;
	background:none;
	font-size:12px;
}
.index_default .left_category ul li a:hover{
	background:#fafafa;
	color:#ffcc00;
}
.index_default .left_category ul li .lv2_list{
	position:absolute;
	top:0;
	left:286px;
	background:#fff;
	filter: alpha(opacity=0);
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 999;
    display: block;
    min-width: 230px;
    padding: 20px;
    border: none;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	opacity:0;
}
.index_default .left_category ul li.li_on .lv2_list{
	left:266px;
	visibility:visible;
	opacity:1;
}
.index_default .left_pro_list li{
	margin:0 0 20px;
	position:relative;
	min-height:82px;
}
.index_default .left_pro_list li .pic{
	float:left;
	width:80px;
	height:80px;
	border:1px solid #f5f5f5;
}
.index_default .left_pro_list li .pic img{
	max-width:80px;
	max-height:80px;
}
.index_default .left_pro_list li .pro_content{
	float:right;
	width:175px;
}
.index_default .left_pro_list li .name{
	color:#666;
	font-size:14px;
	min-height:35px;
	line-height:18px;
	margin-bottom:15px;
	display:inline-block;
}
.index_default .left_pro_list li .name:hover{
	color:#ffcc00;
}
.index_default .left_pro_list li .price{
	color:#000;
	font-weight:bold;
	font-size:14px;
}
.index_default .left_ad img{
	max-width:100%;
}





















.index_default .right_box{
	float:right;
	width:900px;
}






















/*#banner*/
#banner {	
	position: relative;	
	width: 100%;	
	height: auto;	
	margin:0;
}
#banner .swiper-slide{
	position:relative;
}
#banner .img{
	height:100%;
	width:100%;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
#banner .img img{
	width:100%;
}
#banner .cont{
	width:50%;
	box-sizing:border-box;
	padding:0;
	position:absolute;
	z-index:2;
	top:50%;
	text-align:center;
	margin:auto;
	left:0;
	right:0;
	text-transform:uppercase;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
}
#banner .cont h4{
	font-size:60px;
	color:#fff;
	line-height:60px;
	margin-bottom:15px;
}
#banner .cont p{
	font-size:30px;
	color:#fff;
	line-height:30px;
	margin-bottom:20px;
	font-weight:400;
	display:inline-block;
}
#banner .cont span.view{
	color:#000;
	font-size:14px;
	display:inline-block;
	text-transform:uppercase;
	padding:12px 30px;
	border-radius:0;
	opacity:.96;
	background:#ffcc00;
	-webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	cursor:pointer;
}
#banner .cont span.view:hover{
	opacity:.8;
}

#banner .prev,
#banner .next{
	position:absolute;
	left:30px;
	top:50%;
	transform:translate(0,-50%);
	color:#fff;
	z-index:9;
	cursor:pointer;
	font-size:70px;
	font-weight:normal;
	height:70px;
	line-height:70px;
}
 #banner .next{
	left:auto;
	right:30px;	
}
#banner .iconfont:hover{
	color:#333;
}

#banner .swiper-pagination-bullet-active{
	background:#888!important;
	opacity:.9!important;
}
#banner .swiper-pagination-bullet{
	height:13px;
	width:13px;
	background:rgba(255,255,255,.9);
	opacity:.9;
	transition:all .4s;
}
#banner .swiper-pagination-bullet:hover{
	background:#fff;
}


.index_default .banner_box{
	width:100%;
	height:auto;
	float:none;
}

.index_default .tit{
	padding:0;
	height:55px;
	line-height:55px;
	border:0;
	text-align:left;
	position:relative;
}
.index_default .tit:before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:#e7e7e7;
	content:'';
}
.index_default .tit a{
	float:none;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	font-family: "Montserrat Bold", sans-serif;
	position:relative;
	
}
.index_default .tit a:before{
	border-top:2px solid #ffcc00;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	content:'';
}
.index_default .tit a:after{
    background-color: #ffffff;
    content: "";
    height: 10px;
    position: absolute;
    right: -8px;
    top: -2px;
    width: 10px;
}

.index_default .index_pro_box{
	position:relative;
}
.index_default .index_pro_box .swiper-container-horizontal{
	position:static;
}
.index_default .index_pro_box .swiper-button-next,
.index_default .index_pro_box .swiper-button-prev{
	top:0;
	width:35px;
	height:35px;
	font-size:12px;
	color:#333;
	background:none;
	text-align:center;
	line-height:33px;
	background:#fff;
	margin:0;
	opacity:1;
	z-index:9;
	-webkit-box-shadow: 0 0 0 1px #e7e7e7 inset;
    box-shadow: 0 0 0 1px #e7e7e7 inset;
	-webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.index_default .index_pro_box .swiper-button-next{
	right:10px;
	left:auto;
}
.index_default .index_pro_box .swiper-button-prev{
	right:53px;
	left:auto;
}
.index_default .index_pro_box .swiper-button-next:hover,
.index_default .index_pro_box .swiper-button-prev:hover{
	-webkit-box-shadow: 0 0 0 30px #ffcc00 inset;
    box-shadow: 0 0 0 30px #ffcc00 inset;
    color: #fff;
	
}
.index_default .index_pro_box .common_pro_list1 li{
	margin:0;
}
.index_default .index_pro_box .common_pro_list1 li .pic{
	width:100%;
}
.index_default .index_pro_box .common_pro_list1 li .pic img{
	max-width:213px;
	max-height:213px;
}
.index_default .index_pro_box .common_pro_list1 .pro_content{
	padding:0;
}
.index_default .index_pro_box .common_pro_list1 li .name{
	font-size:14px;
	color:#666;
	line-height: 18px;
    min-height: 35px;
    margin-bottom: 15px;
    margin-top: 20px;
    overflow: hidden;
    font-weight: normal;
	padding:0;
}
.index_default .index_pro_box .common_pro_list1 li .name:hover{
	color:#ffcc00;
}
.index_default .index_pro_box .common_pro_list1 li .price{
	color:#000;
	font-weight:bold;
}
.index_default .index_pro_box .common_pro_list1 li span.oldprice{
	color:#bbb;
	font-size:15px;
}
.index_default .index_pro_box .common_pro_list1 li .discount{
	color: #dd5f7a;
    font-size: 11px;
    font-weight: 900;
    line-height: 22px;
    width: 46px;
    height: 24px;
    position: absolute;
    right: 10px;
    background: #FFFFFF;
    text-align: center;
    top: 10px;
    z-index: 1;
    text-transform: uppercase;
    border: 1px solid #dd5f7a;
    border-radius: 3px;
	padding:0;
}
.index_default .index_pro_box .common_pro_list1 li .wrap-addto{
	position:absolute;
	top:150px;
	height:38px;
	font-size:0;
	text-align:center;
	width:100%;
	visibility:hidden;
}
.index_default .index_pro_box .common_pro_list1 li .wrap-addto a{
	display:inline-block;
	font-size:14px;
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	background:#fff;
	margin:0 1px;
	opacity:0;
	
}
.index_default .index_pro_box .common_pro_list1 li .wrap-addto a.add_to_cart{
	transition:all 0.3s;
}
.index_default .index_pro_box .common_pro_list1 li .wrap-addto a.glike{
	transition:all 0.5s;
}
.index_default .index_pro_box .common_pro_list1 li .wrap-addto a.quickview{
	transition:all 0.7s;
}
.index_default .index_pro_box .common_pro_list1 li .wrap-addto a i{
	background:none;
}

.index_default .index_pro_box .common_pro_list1 li:hover .wrap-addto{
	visibility:visible;
}
.index_default .index_pro_box .common_pro_list1 li:hover .wrap-addto a{
	opacity:1;
}

.index_default .index_pro_box .common_pro_list1 li .wrap-addto a i.cur{
	color:#dd5f7a;
}
.index_default .index_pro_box .common_pro_list1 li .wrap-addto a:hover{
	background:#ffcc00;
	color:#fff;
}



.index_default .news{
	background:url(../images/news_bg.jpg) no-repeat;
	background-size:cover;
	padding:50px 0;
}
.index_default .news .tit a:after{
	background:#0a0928;
}
.index_default .news .tit a{
	color:#fff;
	font-size:20px;
}
.index_default .news .news_con li{
	float:left;
	width:380px;
	margin-right:30px;
}
.index_default .news .news_con li:nth-child(3n){
	margin-right:0;
}
.index_default .news .news_con li .pic{
	display:block;
	position:relative;
}
.index_default .news .news_con li .pic img{
	width:100%;
}
.index_default .news .news_con li .pic:before{
	content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.index_default .news .news_con li .pic:hover{
	background: #000 none repeat scroll 0 0;
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2) inset;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.index_default .news .news_con li .pic:hover:before{
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.2) inset;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.index_default .news .news_con li h4 a{
	margin:11px 0;
	color:#fff;
	font-size:16px;
	display:block;
}
.index_default .news .news_con li .news_time{
	color:#ffcc00;
	font-size:12px;
	margin-bottom:11px;
}
.index_default .news .news_con li .news_con{
	font-size:13px;
	color:#bbb;
	line-height:1.65;
	margin-bottom:11px;
}
.index_default .news .news_con li .news_more{
	color:#fff;
	font-size:13px;
}


.index_default .left_pro_list li span.oldprice {
    text-decoration: line-through;
    font-size: 13px;
    color: #bbb;
	font-weight:normal;
}


#bottom_box{
	width:100%;
	background:#202020;
	padding:0;
	color:#666;
	border-top:1px solid #e7e7e7;
}
#bottom_box .link_box{
	padding:50px 0;
	margin:0;
}
#bottom_box .link_box dl.contact_us,
#bottom_box .link_box dl.newletter{
	width:25%;
	padding:0 15px;
	box-sizing:border-box;
}
#bottom_box .link_box dl.navlist{
	width:16.66666667%;
	box-sizing:border-box;
	padding:0 15px;
}


#bottom_box .link_box dl dt{
	padding:0;
	height:55px;
	line-height:55px;
	border:0;
	text-align:left;
	position:relative;
}
#bottom_box .link_box dl dt:before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:#4d4d4d;
	content:'';
}
#bottom_box .link_box dl dt span{
	float:none;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	font-family: "Montserrat Bold", sans-serif;
	position:relative;
	
}
#bottom_box .link_box dl dt span:before{
	border-top:2px solid #fff;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	content:'';
}
#bottom_box .link_box dl dt span:after{
    background-color: #202020;
    content: "";
    height: 10px;
    position: absolute;
    right: -8px;
    top: -2px;
    width: 10px;
}

#bottom_box .link_box dl dd{
	line-height:20px;
	font-size:14px;
}


#bottom_box .link_box .shartto{
	float:none;
	height:auto;
	line-height:normal;
	margin-top:35px;
	overflow:hidden;
	text-align:left;
}
#bottom_box .link_box .shartto li{
	width:34px;
	margin:0 15px 10px 0;
	display:inline-block;
	float:none;
}
#bottom_box .link_box .shartto li a{
	display:block;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	padding:0;
	font-size:14px;
	color:#333;
	background:#fff;
	border-radius:50%;
	box-sizing:border-box;
}
#bottom_box .link_box .shartto li a:hover{
	background:#ffcc00;
	color:#fff;
}
#bottom_box .link_box .newletterform{
	float:none;
	overflow:hidden;
}
#bottom_box .link_box .newletterform label{
	display:none;
}
#bottom_box .link_box .newsletter_txt{
	height:40px;
	line-height:40px;
	padding:0;
	width:180px;
	display:block;
	float:none;
	text-indent:10px;
	background:#fff;
	border:0;
	float:left;
}
#bottom_box .link_box .newsletter_btn{
	height:40px;
	width:auto;
	border:0;
	box-sizing:border-box;
	text-align:center;
	line-height:40px;
	margin:0;
	background:none;
	text-transform:uppercase;
	color:#fff;
	font-size:12px;
	background:#ffcc00;
	padding:0 10px;
	float:left;
}

#bottom_box .link_box .navlist dd a{
	display:block;
	height:24px;
	line-height:24px;
	color:#888;
}

#bottom_box .link_box .navlist dd a:hover{
	color:#fff;
}

#bottom_box .foot_bom{
	width:100%;
	margin:0 auto;
	background:#151515;
}
#bottom_box .copyright{
	float:left;
	font-size:14px;
	color:#888;
	margin:20px 0 0;
}
#bottom_box .payment_con{
	float:right;
	margin:20px 0 0;
}

.mini_detail{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99999;
	display:none;
}
.mini_detail .mini_detail_bg{
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,.5);
	width:100%;
	height:100%;
	z-index:-1;
}
#mini_detail{
	position:fixed;
	top:50%;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
	left:0;
	right:0;
	margin:auto;
	width:960px;
	position:relative;
}
#mini_detail .icon-iconfontclose{
	position:absolute;
	right:10px;
	top:10px;
	font-size:30px;
	background:none;
	color:#333;
	cursor:pointer;
}



.product_detail_2017 .viewfontright{
	width:555px;
}

.product_list_2017 .common_pro_list1 li{
	width:220px;
	margin:25px 25px 0 0;
	border:0;
}
.product_list_2017 .common_pro_list1 li.none{
	margin-right:0;
}
.product_list_2017 .common_pro_list1 li.other{
	margin:0;
	padding:0;
	width:100%;
}
.product_list_2017 .common_pro_list1 li .pic{
	width:220px;
	height:220px;
	line-height:220px;
}
.product_list_2017 .common_pro_list1 li .pic img{
	max-width:220px;
	max-height:220px;
}
.product_list_2017 .common_pro_list1 .pro_content{
	padding:0;
}
.product_list_2017 .common_pro_list1 li .name{
	font-size:14px;
	color:#666;
	line-height: 18px;
    min-height: 35px;
    margin-bottom: 15px;
    margin-top: 20px;
    overflow: hidden;
    font-weight: normal;
	padding:0;
}
.product_list_2017 .common_pro_list1 li .name:hover{
	color:#ffcc00;
}
.product_list_2017 .common_pro_list1 li .price{
	color:#000;
	font-weight:bold;
}
.product_list_2017 .common_pro_list1 li span.oldprice{
	color:#bbb;
	font-weight:bold;
	font-size:15px;
}
.product_list_2017 .common_pro_list1 li .discount{
	color: #dd5f7a;
    font-size: 11px;
    font-weight: 900;
    line-height: 22px;
    width: 46px;
    height: 24px;
    position: absolute;
    right: 10px;
    background: #FFFFFF;
    text-align: center;
    top: 10px;
    z-index: 1;
    text-transform: uppercase;
    border: 1px solid #dd5f7a;
    border-radius: 3px;
	padding:0;
}
.product_list_2017 .common_pro_list1 li .wrap-addto{
	position:absolute;
	top:150px;
	height:38px;
	font-size:0;
	text-align:center;
	width:100%;
	visibility:hidden;
}
.product_list_2017 .common_pro_list1 li .wrap-addto a{
	display:inline-block;
	font-size:14px;
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	background:#fff;
	margin:0 1px;
	opacity:0;
	
}
.product_list_2017 .common_pro_list1 li .wrap-addto a.add_to_cart{
	transition:all 0.3s;
}
.product_list_2017 .common_pro_list1 li .wrap-addto a.glike{
	transition:all 0.5s;
}
.product_list_2017 .common_pro_list1 li .wrap-addto a.quickview{
	transition:all 0.7s;
}
.product_list_2017 .common_pro_list1 li .wrap-addto a i{
	background:none;
}

.product_list_2017 .common_pro_list1 li:hover .wrap-addto{
	visibility:visible;
}
.product_list_2017 .common_pro_list1 li:hover .wrap-addto a{
	opacity:1;
}

.product_list_2017 .common_pro_list1 li .wrap-addto a i.cur{
	color:#dd5f7a;
}
.product_list_2017 .common_pro_list1 li .wrap-addto a:hover{
	background:#ffcc00;
	color:#fff;
}