@charset "utf-8";

#tabs-sub {position:relative;z-index:10;float:left;}

/* product list */
.goods {clear:both;}
.goods:after {content:'';clear:both;display:table;}
.goods .items {margin-left:-20px;margin-right:-20px;}
.goods .item {display:block;padding:0 20px;margin-bottom:50px;float:left;}
.goods .item,
.goods .grid-sizer {width:25%;}

.goods .item .name {position:relative;text-align:center;font-size:13px;font-weight:600;overflow:hidden;}
.goods .item .name span {display:inline-block;position:relative;z-index:2;padding:8px 0;}
.goods .item .name:after,
.goods .item .name span:after {position:absolute;display:block;left:0;right:0;bottom:0;border-top:solid 1px #ccc;content:'';}
.goods .item .name span:after {border-color:#000;transition:all .3s;}
.goods .item:hover .name span:after {left:-300px;right:-300px;}
.goods .item .title {font-size:16px;font-weight:600;padding:10px 0 5px 0;text-align:center;line-height:1.2;height:3em;}
.goods .item .summary {font-size:14px;text-align:center;display:none;color:#666;}
.goods .item .spec {font-size:13px;font-weight:600;text-align:center;}
.goods .item .price {font-size:13px;font-weight:700;text-align:center;}

.goods .items.layout1 .item .thumb img {position:absolute;left:0;top:0;width:100%;height:100%;}
.goods .items.layout1 .item:hover .thumb {box-shadow:rgba(0,0,0,.5) 0 3px 6px -3px;}

.goods .items.layout2 .item .thumb {border:solid 1px #fff;padding:0px !important;}
.goods .items.layout2 .item:hover .thumb {border-color:#d7d7d7;}

.goods .items.layout2 .item .thumb img,
.goods .items.layout3 .item .thumb img {width:100%;height:auto;background-size:contain;position:static;}

/*
.goods .items.layout2 .item .thumb {padding:0 !important;}
.goods .items.layout2 .item .thumb img {background-position-y:100%;}
.goods .items.layout2 .item:hover .thumb {transform:translateY(-10px);}
*/

.goods .items.layout3 .item .thumb {padding:0 !important;}
.goods .items.layout3 .item .thumb img {background-size:cover;}
.goods .items.layout3 .item:hover .thumb {box-shadow:rgba(0,0,0,.5) 0 3px 6px -3px;}

.goods .items.layout4 .item {width:50%;}
.goods .items.layout4 .item a {display:block;border:solid 1px #fff;}
.goods .items.layout4 .item:hover a {border-color:#d7d7d7;}
.goods .items.layout4 .item a:after {content:'';clear:both;display:table;}
.goods .items.layout4 .item .thumb {float:left;width:35%;position:relative;z-index:3;padding:0 !important;}
.goods .items.layout4 .item .thumb img {width:100%;height:auto;background-size:cover;position:static;}
.goods .items.layout4 .item .title {font-size:20px;font-weight:600;height:auto;}
.goods .items.layout4 .item .summary {display:block;}

.change-layout {padding-top:12px;}
.change-layout a img {opacity:0.5;border:solid 1px #9a9a9a;}
.change-layout a:hover img,
.change-layout a.active img {opacity:1;}

.item-pager {text-align:center;}
.item-pager ul.paging {padding:0;margin:0;list-style:none;display:inline-block;}
.item-pager ul.paging li {display:block;float:left;}
.item-pager ul.paging li a {border:solid 1px #d2d2d2;border-left-width:0;display:inline-block;padding:0.2em;line-height:1.6;font-size:1.2em;background:#fff;color:#7867a7;min-width:2em;text-align:center;}
.item-pager ul.paging li a:link,
.item-pager ul.paging li a:hover,
.item-pager ul.paging li a:visited {text-decoration:none;}
.item-pager ul.paging li:first-child a {border-left-width:1px;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.item-pager ul.paging li:last-child a {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.item-pager ul.paging li.active a {background:#373737;color:#fff;border-color:#373737;}

/* product detail */
#product_thumb {float:left;position:relative;width:50%;}
#product_thumb a.zoom {width:100%;height:600px;border:solid 1px #eee;background:#efefef;font-size:0;display:flex;align-items:center;justify-content:center;padding:40px 10px 80px 10px;cursor:default;transition:background .2s;}
#product_thumb a.zoom-block {position:relative;background:#fff;}
#product_thumb a.zoom-block:after {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;}
#product_thumb a.zoom img {max-width:100%;max-height:100%;flex:0 0 auto;}
#product_thumb .e-bt {position:absolute;right:0;top:0;padding:5px 10px;white-space:nowrap;}
#product_thumb .e-bt a {font-size:22px;}

#product_summary {width:50%;float:right;padding-left:40px;}
#product_summary .data_table_art {float:none;width:100%;clear:none;}
#product_summary .bts {text-align:center;}
#product_summary .bts button {font-size:19px;display:inline-block;border:none;background:#333;color:#fff;line-height:1;padding:15px 30px;cursor:pointer;}

#product_top table.data_table_art {clear:none;}
#product_top table.data_table_art caption small {font-weight:normal;color:#888;font-size:12pt;line-height:1;}

#zoomple_previewholder .caption-wrap {display:none;}
#zoomple_image_overlay {cursor:none;}

#dlg-offer form .super {font-size:14px;padding:10px;background:#efeff4;text-align:center;font-weight:600;margin:10px 0;}
#dlg-offer form .item {display:table;table-layout:fixed;border-spacing:5px;}
#dlg-offer form .item > * {display:table-cell;vertical-align:middle;}
#dlg-offer form .item > .label {width:90px;}
#dlg-offer form .item input,
#dlg-offer form .item textarea {border:solid 1px #b7b7b7;font-size:14px;padding:4px;line-height:1.6;width:400px;}
#dlg-offer form .item2 {text-align:center;}
#dlg-offer form button {display:inline-block;border:none;background:#333;color:#fff;padding:15px 30px;cursor:pointer;line-height:1;border-radius:3px;}

/**
 * reponsive
 */

/* under 1280px */
@media screen and (max-width:1279.9px) {
	/* product list */
	.goods .items.layout4 .item .title {font-size:18px;padding:8px 0 5px 0;}
}

/* under 1024px */
@media screen and (max-width:1023.9px) {

	/* product detail */
	#product_thumb {width:55%;}
	#product_thumb a.zoom {height:550px;}
	#product_summary {width:45%;padding-left:20px;}
	.data_table_art th,
	.data_table_art td {font-size:14px;padding:8px 12px;}
}

/* under 960px */
@media screen and (max-width:959.9px) {
	/* product list */
	.goods .items {margin-left:-20px;margin-right:-20px;}
	.goods .item {display:block;padding:0 20px;margin-bottom:50px;float:left;}
	.goods .item,
	.goods .grid-sizer {width:33.33%;}

	.goods .items.layout4 .item {width:100%;}
	.goods .items.layout4 .item .thumb {width:200px;}
}

/* under 768px */
@media screen and (max-width:767.9px) {
	/* product list */
	.change-layout {padding-top:10px;padding-bottom:10px;text-align:center;float:none;clear:both;}

	.goods .items {margin-left:-10px;margin-right:-10px;}
	.goods .item {display:block;padding:0 10px;margin-bottom:30px;float:left;}
	.goods .item,
	.goods .grid-sizer {width:50%;}

	/* product detail */
	#product_thumb {width:100%;float:none;}
	#product_thumb a.zoom {height:400px;}
	#product_summary {width:100%;padding-left:0;float:none;}

	#dlg-offer form .item {display:block;}
	#dlg-offer form .item > * {display:block;}
	#dlg-offer form .item input,
	#dlg-offer form .item textarea {width:100%;}
}

/* smart phone */
@media screen and (max-width:420px) {
	/* product list */
	.goods .item,
	.goods .grid-sizer {width:100%;}

	.goods .items.layout4 .item .thumb {width:100px;margin-right:10px;}
	.goods .items.layout4 .item div {text-align:left !important;}
	.goods .items.layout4 .item .name span {padding:0;font-weight:normal;}
	.goods .items.layout4 .item .name:after,
	.goods .items.layout4 .item .name span:after {display:none;}
	.goods .items.layout4 .item .title {padding:0;font-size:14px;}
	.goods .items.layout4 .item .summary {display:none;}
	.goods .items.layout4 .item .spec {font-weight:normal;}

	/* product detail */
	#product_thumb a.zoom img {max-width:320px;}
}