/* productlsit */
#productlsit .wall { padding: 5vw 0 0; }
#productlsit .wall-column { width: calc(100% / 3); display: inline-block; box-sizing: border-box; vertical-align: top; }
#productlsit .article { position: relative; margin: 15px 10px 40px; background: #fff; }
#productlsit .article a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 10; }
#productlsit .article .imgBox { position: relative; overflow: hidden; }
#productlsit .article .imgBox article { position: absolute; padding: 20px 20px 30px; width: calc(100% - 40px); background: #fff; color: #777070; bottom: -99px; z-index: 2; }
#productlsit .article .imgBox article p { height: 58px;  -webkit-line-clamp: 2; }
#productlsit .article .imgBox:after { position: absolute; width: 60%; height: 20px; background: #fff; display: block; left: 0; bottom: 0; z-index: 1; content: ""; }
#productlsit .article .info { position: relative; margin-top: -15px; padding: 0 20px 15px; z-index: 9; }
#productlsit .article .info p span { display: inline-block; color: #d80707; }
#productlsit .article .info p span.old { margin-right: 10px; color: #8f8f8f; }
#productlsit .article .info h3 { margin: 20px 0; height: 30px; font-weight: 400; font-size: 18px; -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; font-size: 28px; }
#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 #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-top: 20px; 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; 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: #000; border-width: 0 1px 1px; border-color: #000; color: #fff; }

@media screen and (min-width: 1281px) {
	#productlsit .wall-column .article:hover .imgBox article { bottom: 0; }
	#productTabs ul.tabs li:hover a { background: #000; border-color: #000; color: #fff; }
}
@media screen and (max-width: 1280px) {
	#productdetail .row { width: 55%; }
	#productdetail #productinfo { width: 42%; }
}
@media screen and (max-width: 980px) {
	#productlsit .bgTxt.stitle { padding: 6vw 0 0; top: 0; }
	#productlsit .wall-column { width: 50%; }
	#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: 680px) {
	#productlsit .wall { margin: auto; width: 80%; }
	#productlsit .wall-column { width: 100%; }
}
@media screen and (max-width: 450px) {
	#productlsit .wall { width: 100%; }
}