/* productlsit */
#productlsit ul { font-size: 0; }
#productlsit ul li { position: relative; overflow: hidden; margin: 10px 20px; width: calc((100% / 3) - 40px); display: inline-block; vertical-align: top; }
#productlsit ul li a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 2; }
#productlsit ul li >div { position: relative; overflow: hidden; z-index: 1; }
#productlsit ul li .img:before { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0; left: 0; opacity: 0; content: ""; z-index: 1; }
#productlsit ul li .img font.bg { background: no-repeat 50% / cover; display: block; }
#productlsit ul li .img .price { position: absolute; padding: 0 10px; background: #fff; right: 0; bottom: 0; z-index: 3; }
#productlsit ul li .img .price p , #productlsit ul li .img p font { margin-right: 5px; padding: 0 5px; display: inline-block; font-size: 18px; color: #d21a20; vertical-align: baseline; }
#productlsit ul li .img p font { padding: 5px 0; }
#productlsit ul li .img .price p font:first-child { font-weight: 300; font-size: 13px; color: #888; }
#productlsit ul li .img .price p.old font:last-child { color: #535353; }
#productlsit ul li .info { margin: 15px 20px 20px; height: 34px; font-size: 20px; font-weight: 400; -webkit-line-clamp: 1; }

/* productdetail */
#productdetail { margin-bottom: 30px; font-size: 0; }
#productdetail .row { margin-bottom: 0; width: 63%; display: inline-block; }
#productdetail #imglist >div a.photo { position: relative; }
#productdetail #imglist >div a.photo img { width: 100%; }
#productdetail #imglist >div a.photo img:first-child { position: absolute; height: 100%; top: 0; left: 0; opacity: 0; z-index: -999; }
#productdetail #productinfo { margin-left: 3%; width: 34%; }
#productdetail #productinfo h2 { margin-bottom: 10px; font-size: 40px; }
#productdetail #productinfo .price { margin-bottom: 20px; }
#productdetail #productinfo .price font { display: inline-block; vertical-align: bottom; line-height: 100%; font-size: 28px; }
#productdetail #productinfo .price font.offer { color: #d21a20; }
#productdetail #productinfo .price font.old { margin-left: 10px; font-size: 15px; opacity: .6; }
#productdetail #productinfo .price font:nth-child(2) { text-decoration: line-through; }
#productdetail #productinfo .txt { overflow: hidden; margin: 5px 0; text-align: right; font-size: 0; }
#productdetail #productinfo .txt label { float: left; display: inline-block; line-height: 33px; font-size: 16px; color: #898989; }
#productdetail #productinfo .txt a , #productdetail #productinfo .txt b { color: #212121; }
#productdetail #productinfo .info { margin: 15px 0; }
#productdetail #productinfo .info .txt { margin: 0; padding: 5px 15px; background: #151329; border: 1px solid; border-color: #201d36 transparent #060413; }
#productdetail #productinfo .info .txt label { color: #8d82cf; }
#productdetail #productinfo .info .txt a , #productdetail #productinfo .info .txt b { display: inline-block; font-weight: 400; color: #fff; vertical-align: middle; }
#productdetail #productinfo article { font-size: 14px; color: #616161; }
#productdetail #orderfunction a { padding: 5px 15px; border: 1px #222 solid; display: inline-block; color: #000; vertical-align: middle; }
#productdetail #orderfunction input { padding: 5px 15px; width: 40px; border: #262555 solid; border-width: 1px 0; text-align: center; vertical-align: middle; }
#productdetail #productinfo .btns { margin: 20px 0; text-align: right; }
#productdetail #productinfo .btns a { margin: 5px 0 5px 20px; padding: 5px 15px; display: inline-block; color: #000; }
#productdetail #productinfo .btns a.addcar { background: #161414; color: #fff; }
#productdetail #productinfo .btns a.ask { border: 1px #000 solid; }

/* productTabs */
#productTabs ul.tabs { margin: 50px 0 35px; padding: 0 15px; border-bottom: 1px #e5e5e5 solid; text-align: center; font-size: 0; }
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a { padding: 10px 25px; background: #fff; border: #eee solid; border-width: 1px 1px 0 0; display: inline-block; color: #8a8d91; }
#productTabs ul.tabs li:first-child a { border-left-width: 1px; }
#productTabs ul.tabs li.active a { background: #d21a20; border-width: 0 1px 1px; border-color: #d21a20; color: #fff; }

@media screen and (max-width:1440px) {
	#productlsit ul li { width: 450px; }
}
@media screen and (min-width:1281px) {
	#productlsit ul li:hover .img:before { opacity: 1; }
	#productlsit ul li:hover .img font.bg { -webkit-transform: translate(0) scale(1.2); transform: translate(0) scale(1.2); }
	#productTabs ul.tabs li:hover a { background: #d21a20; border-color: #d21a20; color: #fff; }
}
@media screen and (max-width:1280px) {
	#productlsit ul li { margin: 15px 15px 15px 0; width: calc(50% - 17px); border: 1px #e8e8e8 solid; }
	#productlsit ul li:nth-child(2n) { margin: 15px 0 15px 15px; }
	#productdetail .row { width: 55%; }
	#productdetail #productinfo { width: 42%; }
}
@media screen and (max-width:980px) {
	#productdetail { text-align: center; }
	#productdetail .row , #productdetail #productinfo { margin-left: 0; width: 100%; }
	#productTabs ul.tabs { padding: 0; border-bottom: 0; }
	#productTabs ul.tabs li a , productTabs ul.tabs li.active a { margin: 5px; border-width: 1px; }
}
@media screen and (max-width:640px) {
	#productlsit ul { text-align: center; }
	#productlsit ul li , #productlsit ul li:nth-child(2n) { margin: 15px 0; width: 90%; }
}