body{
	background:#f5f5f5;
}
section.position{
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color:#767676;
	margin:0 auto;
}
section.position a{
	color:#767676;
}
section.position span{
	color:#d3d3d3;
	margin:0 8px;
}

section.products{
	background:#fff;
	padding:65px 0 90px;
}
section.products div.left{
	float: left;
	position:relative;
	z-index: 1;
}
section.products div.left div.zoomBox{
	width:466px;
	height: 342px;
	position:relative;
}
section.products div.left div.zoomBox a{
	display:block;
	position:absolute;
	max-width: 100%;
}
section.products div.left div.zoomBox a > img{
	display:block;
	width: 466px;
	height: 342px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	background: url('../images/loading.gif') no-repeat center;
}
section.products div.left div.zoomBox .MagicZoomBigImageCont {
	background:#FFF;
	-webkit-box-shadow: 0 0 8px #333;
	box-shadow: 0 0 8px #333;
	left:481px;
	display: none;
}
section.products div.left div.zoomBox .MagicZoomPup {
	background: 	#ffffff;
}
section.products div.left div.thumbs{
	margin-top: 5px;
	height: 70px;
	overflow: hidden;
	width:466px;
	position:relative;
}
section.products div.left div.thumbs > a{
	display:block;
	position:absolute;
	width:20px;
	height: 70px;
	top:0;
	background: #fff no-repeat center;
}
section.products div.left div.thumbs > a.prev{
	left:0;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAMAAAD9GTxlAAAAA3NCSVQICAjb4U/gAAAAeFBMVEWpqan5+fnCwsLf39+vr6/Pz8/u7u65ubn////q6urX19fJycm0tLS/v7/19fWtra3k5OT7+/va2trHx8e9vb3MzMzt7e3i4uK2trbT09Py8vKxsbH////BwcGrq6vFxcW1tbX39/fx8fHR0dG7u7vr6+vn5+fd3d17io08AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAJBJREFUGJVN0NEOgjAMBdAON7miUCdzgCZVjMH//0OJkbV9aU7SpLclaM1tINVtpEqZ79S6wsX7R4wbB+bj2v78ME8obIgaFAaRHQp75gUbXSU+x40u0fNVltNb6k6TUU2jpUtih+FakaxcF4mcDRGIBkNMzCYkcGEOhr8DoxIHT31UYu99cuZ13cm+Dmug6xe3jQ1sbqfhggAAAABJRU5ErkJggg==');
}
section.products div.left div.thumbs > a.next{
	right:0;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAMAAAD9GTxlAAAAA3NCSVQICAjb4U/gAAAAeFBMVEWpqan5+fnCwsLf39+vr6/Pz8/u7u65ubn////q6urX19fJycm0tLS/v7/19fWtra3k5OT7+/va2trHx8e9vb3MzMzt7e3i4uK2trbT09Py8vKxsbH////BwcGrq6vFxcW1tbX39/fx8fHR0dG7u7vr6+vn5+fd3d17io08AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAAIZJREFUGJVV0N0OwjAIBWBaW4fT7qib+9EEnTHz/d/Q3nHk7ksIHJBcVvWSKPOdGIo8RqfqE9iIejSbiLqYfYnamrVE3QGZqBvQE3VMFoNT3y8ZglO7xj7MWRpuNmquo4qPOiejRdNfjBpy8ZAZuNKBgB946SUd/DkDsPfnRDl1nkxudbnXDxNSDdblyPWQAAAAAElFTkSuQmCC');
}
section.products div.left div.thumbs div.wrap,
section.products div.left div.thumbs div.bd{
	width:410px;
	height: 70px;
	margin-left: 25px;
	overflow: hidden;
}
section.products div.left div.thumbs div.bd a{
	display:block;
	width:68px;
	height: 68px;
	margin-right: 15px;
	overflow: hidden;
	border:1px solid #e0e0e0;
	text-align:center;
	position:relative;
	float: left;
}
section.products div.left div.thumbs div.bd a.on{
	border-color:#e93429;
}
section.products div.left div.thumbs div.bd a img{
	display:block;
	max-width:80%;
	max-height: 80%;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	left:10%\9;
	top:10%\9;
}

section.products div.infos{
	float: right;
	width:668px;
	overflow: hidden;
}
section.products div.infos h1{
	font-size: 26px;
	font-weight: normal;
}
section.products div.infos p.desc{
	margin-top: 28px;
	font-size: 16px;
	line-height: 28px;
	color:#666;
	height: 140px;
	overflow: hidden;
	padding-right: 60px;
	border-bottom: 1px solid #eee;
}
section.products div.infos p.price{
	margin-top: 40px;
	width:440px;
	background:#f6f6f6;
	padding:20px 30px;
	vertical-align: bottom;
	font-size: 14px;
	color:#666;
}
section.products div.infos p.price em{
	font-style: normal;
	font-family: 'Arial';
	font-size: 36px;
	color:#e93429;
	margin-left: 15px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
}
section.products div.infos p.price em small{
	font-size: 14px;
}
section.products div.infos div.links{
	margin-top: 50px;
	overflow: hidden;
}
section.products div.infos div.links > a{
	display:block;
	float: left;
	width:126px;
	height: 50px;
	line-height: 50px;
	background:#ec4f0f;
	color:#fff;
	font-size: 18px;
	text-align: center;
	border-radius: 3px;
	margin-right: 20px;
}
section.products div.infos div.links > a:first-child{
	background-color: #e93429;
}
section.products div.infos div.links div.share{
	font-size: 16px;
	color:#666;
	line-height: 36px;
	height: 36px;
	margin: 7px 0 0 20px;
}
section.products div.infos div.links div.share > div{
	float: right;
}
section.products div.infos div.links div.share > div a{
	display:block;
	float: left;
	margin:0 10px 0 0 !important;
	width:32px;
	height:32px;
	background: url('../images/share_icons.png') no-repeat 0 0;
}
section.products div.infos div.links div.share > div a.bds_tsina{
	background-position: 0 0;
}
section.products div.infos div.links div.share > div a.bds_renren{
	background-position: -41px 0;
}
section.products div.infos div.links div.share > div a.bds_douban{
	background-position: -82px 0;
}
section.products div.infos div.links div.share > div a.bds_sqq{
	background-position: -123px 0;
}
section.products div.infos div.links div.share > div a.bds_weixin{
	background-position: -164px 0;
}

section.bottom > div.left{
	width:270px;
	background: #fff;
	overflow: hidden;
}
section.bottom > div.left h3{
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	text-align:center;
	font-weight: normal;
	border-bottom: 1px solid #dfdfdf;
}
section.bottom > div.left > div > a{
	display:block;
	width:100%;
	height: 305px;
	text-align: center;
	font-size: 14px;
	color:#666;
	border-bottom: 1px solid #dfdfdf;
}
section.bottom > div.left > div > a span{
	display:block;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height: 32px;
}
section.bottom > div.left > div > a span.thumb{
	width:270px;
	height: 198px;
	position:relative;
	overflow: hidden;
	margin:15px auto 0;
}
section.bottom > div.left > div > a span.thumb:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    position: absolute;
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    background: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    transform: skewx(-45deg);
    -o-transform: skewx(-45deg);
    -moz-transform: skewx(-45deg);
    -webkit-transform: skewx(-45deg);
    -moz-animation: none;
    pointer-events: none;
}

section.bottom > div.left > div > a span.thumb:hover:before {
    -webkit-animation: light .5s ease-in-out forwards;
    -moz-animation: light .5s ease-in-out forwards;
    -o-animation: light .5s ease-in-out forwards;
    animation: light .5s ease-in-out forwards;
}

@-moz-keyframes light {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@-webkit-keyframes light {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@-o-keyframes light {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@keyframes light {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}
section.bottom > div.left > div > a span.thumb img{
	display:block;
	width:100%;
}
section.bottom > div.left > div > a span.price{
	color:#e93429;
}
section.bottom > div.right{
	width:900px;
	background: #fff;
	overflow: hidden;
	position:relative;
}
section.bottom > div.right div.hd{
	height: 60px;
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
}
section.bottom > div.right div.hd li{
	float: left;
	width:175px;
	text-align:center;
	line-height: 58px;
	font-size: 18px;
	color:#666;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
section.bottom > div.right div.hd li:before{
	content:'';
	display:inline-block;
	width:1px;
	height: 19px;
	background: #e3e3e3;
	float: left;
	margin-top:20px;
}
section.bottom > div.right div.hd li:first-child:before{
	display: none;
}
section.bottom > div.right div.hd li.on{
	border-top: 4px solid #e93429;
	line-height: 50px;
	color:#e93429;
}
section.bottom > div.right div.bd{
	overflow: hidden;
}
section.bottom > div.right div.bd div.wrap{
	margin:55px;
	overflow: hidden;
}
section.bottom > div.right div.bd div.wrap div.body{
	overflow: hidden;
	position:relative;
	display: none;
}
section.bottom > div.right div.bd div.wrap div.body img{
	max-width: 790px !important;
}