@CHARSET "UTF-8";

/*product info*/


.info h1{margin: 0; color: #333}
.infod{line-height: 1.2; font-weight: normal; color: #999; font-size:12px; font-family: Verdana;}

.infoprice{font-size: 26px; color: #ff6600}
.infoprice span{font-size: 0.8em}
.infoprice s, .infoprice s span{color: #ccc; font-size: 0.8em}
.infoprice .newprice{font-size: 26px;}

.parameter-list{margin-bottom: 10px}
.parameter-list div{padding-top: 6px}
.parameter-list div:nth-child(odd){background: #f8f8f8}
.parameter-list div label{display: inline-block; width:100px; margin-right:15px; text-align: right}

.input_qty {
	width: 130px;
	float: left;
	margin-right: 5px
}

.min, .plus {
	cursor: pointer;
}

section>.title{background: #666; margin-top: 20px}

.infodesc{padding-top: 20px}
.infodesc p img{width:100%; height:auto; max-width: 800px}


/*主图silder*/
.view{position: relative;}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .swiper-slide{text-align: center}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
	padding: 0px 5px
}

.preview .swiper-container {
	width: 91%;
	height: 82px;
	margin:0px auto;
}


.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -12px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -12px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	width:100%; height:auto;
	border: 1px solid #eee;
	box-sizing: border-box;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}



@media screen and (max-width: 760px) {
	.info .lead, .info .infod, .info .infoprice{padding-left: 10px; padding-right: 10px}
	.dl-horizontal{text-align: center}
	.info h1{font-weight: 500;}
	.infodesc img{width:100%; height:auto}
	#info{border: 1px solid #eee; padding-top:10px; padding-left: 50px; background: #fff; position: fixed; bottom:55px; left:0; right:0; z-index:100000}
	#info dl{margin-bottom: 10px}
}