@charset "utf-8";
/* CSS Document */
#con_title:before {
	width: 100%;
	content: '';
	position: absolute;
	bottom: -18px;
	left: 0px;
	border-top: #DDDDDD 3px double;
}
.products_btn {
	position: relative;
	padding: 8px 7px 0px 7px;
	background: url(../images/products/t_bg.jpg) repeat;
	margin-bottom: 20px;
	font-size: 0px;
	zoom: 1;
	clear: both;
}
.products_btn:before {
	width: 100%;
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0px;
	border-top: #DDDDDD 3px double;
}
.products_btn:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.products_btn .status1 {
	border: #3A770D 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7eb828+0,448c0f+70 */
	background: #7eb828; /* Old browsers */
	background: -moz-linear-gradient(top, #7eb828 0%, #448c0f 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7eb828), color-stop(70%, #448c0f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7eb828 0%, #448c0f 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7eb828 0%, #448c0f 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7eb828 0%, #448c0f 70%); /* IE10+ */
	background: linear-gradient(to bottom, #7eb828 0%, #448c0f 70%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eb828', endColorstr='#448c0f', GradientType=0 ); /* IE6-9 */
}
.products_btn .status1.active,
.products_btn .status1:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#448c0f+29,7eb828+100 */
	background: #448c0f; /* Old browsers */
	background: -moz-linear-gradient(top, #448c0f 29%, #7eb828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #448c0f), color-stop(100%, #7eb828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #448c0f 29%, #7eb828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #448c0f 29%, #7eb828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #448c0f 29%, #7eb828 100%); /* IE10+ */
	background: linear-gradient(to bottom, #448c0f 29%, #7eb828 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448c0f', endColorstr='#7eb828', GradientType=0 ); /* IE6-9 */
}
.products_btn .status2 {
	border: #B20000 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2828+0,981616+70 */
	background: #ff2828; /* Old browsers */
	background: -moz-linear-gradient(top, #ff2828 0%, #981616 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff2828), color-stop(70%, #981616)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff2828 0%, #981616 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff2828 0%, #981616 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff2828 0%, #981616 70%); /* IE10+ */
	background: linear-gradient(to bottom, #ff2828 0%, #981616 70%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2828', endColorstr='#981616', GradientType=0 ); /* IE6-9 */
}
.products_btn .status2.active,
.products_btn .status2:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#981616+29,ff2828+100 */
	background: #981616; /* Old browsers */
	background: -moz-linear-gradient(top, #981616 29%, #ff2828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #981616), color-stop(100%, #ff2828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #981616 29%, #ff2828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #981616 29%, #ff2828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #981616 29%, #ff2828 100%); /* IE10+ */
	background: linear-gradient(to bottom, #981616 29%, #ff2828 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#981616', endColorstr='#ff2828', GradientType=0 ); /* IE6-9 */
}
.products_btn .status3 {
	border: #0365A7 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#049cfd+0,17649d+70 */
	background: #049cfd; /* Old browsers */
	background: -moz-linear-gradient(top, #049cfd 0%, #17649d 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cfd), color-stop(70%, #17649d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #049cfd 0%, #17649d 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #049cfd 0%, #17649d 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #049cfd 0%, #17649d 70%); /* IE10+ */
	background: linear-gradient(to bottom, #049cfd 0%, #17649d 70%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049cfd', endColorstr='#17649d', GradientType=0 ); /* IE6-9 */
}
.products_btn .status3.active,
.products_btn .status3:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17649d+29,049cfd+100 */
	background: #17649d; /* Old browsers */
	background: -moz-linear-gradient(top, #17649d 29%, #049cfd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #17649d), color-stop(100%, #049cfd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #17649d 29%, #049cfd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #17649d 29%, #049cfd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #17649d 29%, #049cfd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #17649d 29%, #049cfd 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17649d', endColorstr='#049cfd', GradientType=0 ); /* IE6-9 */
}
.products_btn .status4 {
	border: #D59F00 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc820+0,ea9800+71 */
	background: #ffc820; /* Old browsers */
	background: -moz-linear-gradient(top, #ffc820 0%, #ea9800 71%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc820), color-stop(71%, #ea9800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffc820 0%, #ea9800 71%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffc820 0%, #ea9800 71%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffc820 0%, #ea9800 71%); /* IE10+ */
	background: linear-gradient(to bottom, #ffc820 0%, #ea9800 71%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc820', endColorstr='#ea9800', GradientType=0 ); /* IE6-9 */
}
.products_btn .status4.active,
.products_btn .status4:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea9800+27,ffc820+100 */
	background: #ea9800; /* Old browsers */
	background: -moz-linear-gradient(top, #ea9800 27%, #ffc820 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%, #ea9800), color-stop(100%, #ffc820)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ea9800 27%, #ffc820 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ea9800 27%, #ffc820 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ea9800 27%, #ffc820 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ea9800 27%, #ffc820 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9800', endColorstr='#ffc820', GradientType=0 ); /* IE6-9 */
}
/******************************************************************/
/******************************************************************/

.products_btn li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0 2px 0 2px;
	margin-bottom: 6px;
}
.products_btn li a {
	color: #FFF;
	padding: 5px 10px 5px 5px;
	line-height:1;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-left: 35px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.products_btn li a span{
	display:block;
	font-size:12px;
	text-align:center;
}
.products_btn li a:before {
	height: 19px;
	line-height: 19px;
	width: 20px;
	content: '';
	left: 11px;
	top: 5px;
	position: absolute;
	background: url(../images/cart.png) center no-repeat;
}
/******************************************************************/
/******************************************************************/
#page_btn {
	height: 33px;
	line-height: 33px;
	background: #319DD2 url(../images/products/icon.png) 10px 10px no-repeat;
	border: #2D93C4 1px solid;
	padding-left: 25px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	float: right;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#page_btn select {
	width: 50px;
	height: 31px;
	font-size: 13px;
	color: #646464;
	padding-left: 5px;
	background: #EEEEEE url(../images/products/ar.png) right center no-repeat;
	border: #FFF 1px solid;
	margin-left: 5PX;
	vertical-align: middle;
	margin-bottom: 5px;
}
#page_btn select::-ms-expand {
 display: none;
}
#page_btn select {
	/* Chrome */
	-webkit-appearance: none;
	/* Firefox */
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: ' '; /* space */
}
/******************************************************************/
/******************************************************************/
.content {
	margin: 0 -5px;
	margin-bottom: 20px;
	font-size: 0px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.content ul {
	font-size: 0px;
}
.content li {
	width: 25%;
	padding: 0 5px;
	margin-bottom: 20px;
	display: inline-block;
	list-style: none;
}
.content li:nth-child(2n+2) {
}
.content .list:hover .photo {
}
.content .list:hover .name {
	background: #1AB8A7;
}
.content .list:hover .con {
	color: #FF7F00;
}
.content .list {
	padding: 10px;
	border: #E6E6E6 1px solid;
	position: relative;
	margin: 0 auto;
}
.content .photo {
    background: #f1f1f1;
	position: relative;
	text-align: center;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.content .photo img {
	max-width: 100%;
    max-height: 100%;
}
.content .name_box {
	padding: 0 5px;
}
.content .name_box .right {
	width: calc(100% - 115px);
	float: left;
	padding-left: 10px;
}
.content .name_box .btn {
}
.content .name_box .btn input {
	/* max-width: 115px; */
	width: 100%;
	color: #FFF;
	padding: 3px 5px;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.content .name_box .btn .status1 {
	border: #3A770D 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7eb828+0,448c0f+70 */
	background: #7eb828; /* Old browsers */
	background: -moz-linear-gradient(top, #7eb828 0%, #448c0f 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7eb828), color-stop(70%, #448c0f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7eb828 0%, #448c0f 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7eb828 0%, #448c0f 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7eb828 0%, #448c0f 70%); /* IE10+ */
	background: linear-gradient(to bottom, #7eb828 0%, #448c0f 70%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7eb828', endColorstr='#448c0f', GradientType=0 ); /* IE6-9 */
}
.content .name_box .btn .status1:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#448c0f+29,7eb828+100 */
	background: #448c0f; /* Old browsers */
	background: -moz-linear-gradient(top, #448c0f 29%, #7eb828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #448c0f), color-stop(100%, #7eb828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #448c0f 29%, #7eb828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #448c0f 29%, #7eb828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #448c0f 29%, #7eb828 100%); /* IE10+ */
	background: linear-gradient(to bottom, #448c0f 29%, #7eb828 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448c0f', endColorstr='#7eb828', GradientType=0 ); /* IE6-9 */
}
.content .name_box .btn .status2 {
	border: #B20000 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2828+0,981616+70 */
	background: #ff2828; /* Old browsers */
	background: -moz-linear-gradient(top, #ff2828 0%, #981616 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff2828), color-stop(70%, #981616)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff2828 0%, #981616 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff2828 0%, #981616 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff2828 0%, #981616 70%); /* IE10+ */
	background: linear-gradient(to bottom, #ff2828 0%, #981616 70%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2828', endColorstr='#981616', GradientType=0 ); /* IE6-9 */
}
.content .name_box .btn .status2:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#981616+29,ff2828+100 */
	background: #981616; /* Old browsers */
	background: -moz-linear-gradient(top, #981616 29%, #ff2828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #981616), color-stop(100%, #ff2828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #981616 29%, #ff2828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #981616 29%, #ff2828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #981616 29%, #ff2828 100%); /* IE10+ */
	background: linear-gradient(to bottom, #981616 29%, #ff2828 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#981616', endColorstr='#ff2828', GradientType=0 ); /* IE6-9 */
}
.content .name_box .btn .status3 {
	border: #0365A7 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#049cfd+0,17649d+70 */
	background: #049cfd; /* Old browsers */
	background: -moz-linear-gradient(top, #049cfd 0%, #17649d 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cfd), color-stop(70%, #17649d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #049cfd 0%, #17649d 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #049cfd 0%, #17649d 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #049cfd 0%, #17649d 70%); /* IE10+ */
	background: linear-gradient(to bottom, #049cfd 0%, #17649d 70%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049cfd', endColorstr='#17649d', GradientType=0 ); /* IE6-9 */
}
.content .name_box .btn .status3:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17649d+29,049cfd+100 */
	background: #17649d; /* Old browsers */
	background: -moz-linear-gradient(top, #17649d 29%, #049cfd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, #17649d), color-stop(100%, #049cfd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #17649d 29%, #049cfd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #17649d 29%, #049cfd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #17649d 29%, #049cfd 100%); /* IE10+ */
	background: linear-gradient(to bottom, #17649d 29%, #049cfd 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17649d', endColorstr='#049cfd', GradientType=0 ); /* IE6-9 */
}
.content .name_box .btn .status4 {
	border: #D59F00 1px solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc820+0,ea9800+71 */
	background: #ffc820; /* Old browsers */
	background: -moz-linear-gradient(top, #ffc820 0%, #ea9800 71%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc820), color-stop(71%, #ea9800)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffc820 0%, #ea9800 71%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffc820 0%, #ea9800 71%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffc820 0%, #ea9800 71%); /* IE10+ */
	background: linear-gradient(to bottom, #ffc820 0%, #ea9800 71%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc820', endColorstr='#ea9800', GradientType=0 ); /* IE6-9 */
}
.content .name_box .btn .status4:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea9800+27,ffc820+100 */
	background: #ea9800; /* Old browsers */
	background: -moz-linear-gradient(top, #ea9800 27%, #ffc820 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%, #ea9800), color-stop(100%, #ffc820)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ea9800 27%, #ffc820 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ea9800 27%, #ffc820 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ea9800 27%, #ffc820 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ea9800 27%, #ffc820 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9800', endColorstr='#ffc820', GradientType=0 ); /* IE6-9 */
}
.content .name {
	color: #FFF;
	height: 30px;
	font-weight: bold;
	line-height: 30px;
	font-size: 14px;
	text-decoration: none;
	overflow: hidden;
	padding: 0 10px;
	margin-bottom: 5px;
	background: #319DD2;
	border-top: #319DD2 1px solid;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.content .con {
	font-size: 13px;
	color: #878787;
	height: 32px;
	line-height: 16px;
	padding: 0 5px;
	margin-bottom: 0px;
	text-decoration: none;
	overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content .list .price {
	font-size: 13px;
	color: #DA1414;
	line-height: 25px;
	font-family: "Arial Black", "微軟正黑體";
}
.content .list .price.has_sale {
	color:#b5b5b5;
	text-decoration:line-through;
}
.content .list .sale_price {
	font-size: 13px;
	color: #DA1414;
	line-height: 25px;
	font-family: "Arial Black", "微軟正黑體";
}
.content .list .price_box {
	min-height: 53px;
}
.hot_products  .content .list .price_box {
	min-height: unset;
}
.content .list .related_price {
	font-size: 13px;
	color: #DA1414;
	line-height: 25px;
	padding: 0 5px;
	font-family: "Arial Black", "微軟正黑體";
}
/**************************************************************/
/**************************************************************/
@media (max-width: 1200px) {
.content li {
	width: 33.333333333333333%;
	margin-bottom: 20px;
}
}
@media (max-width: 720px) {
.content li {
	width: 50%;
}
}
@media (max-width: 510px) {
.content li {
	/* width: 100%; */
	/* margin-bottom: 30px; */
}
.products_btn li {
	float: left;
	list-style: none;
	position: relative;
	margin: 0 2px 0 2px;
	margin-bottom: 6px;
}
.products_btn li a {
	padding-left: 10px;
}
.products_btn li a:before {
	display: none;
}
}
/**************************************************************/
/**************************************************************/
/**************************************************************/
/**************************************************************/
.content_in {
	margin: 0 auto;
	padding-bottom: 0px;
	margin-bottom: 40px;
	border-bottom: #DDDDDD 3px double;
}
.content_in .top_box {
	padding: 5px;
	background: #FFF;
	margin-bottom: 20px;
	border: #E4E4E4 1px solid;
}
.content_in .photo_box {
	width: calc(100% - 210px);
	float: left;
}
.content_in .photo_b {
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
.content_in .photo_b  .photo_b_img{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
}
.content_in .photo_b img {
	max-width: 100%;
    max-height: 100%;
	vertical-align: middle;
}
.content_in .top_box .info {
	width: 210px;
	float: right;
	margin-bottom: 15px;
	position: relative;
}
.content_in .products_name {
	color: #3977B1;
	line-height: 18px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	vertical-align: middle;
	text-decoration: none;
	padding: 10px 10px 10px 35px;
	background: url(../images/products/title_icon.png) 5px 5px no-repeat;
	margin-bottom: 10px;
}
.content_in .top_box .box {
	margin: 0 auto;
	text-decoration: none;
	padding: 10px;
	background: url(../images/products/t_bg.jpg) repeat;
}
.content_in .top_box .box li {
	color: #333333;
	list-style: none;
	display: block;
	clear: both;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: #C2C2C2 1px dotted;
}
.content_in .top_box .box li.noline {
	border-bottom: none;
}
.content_in .tar {
	text-align: right;
}
.content_in .top_box .box li .title:before {
	width: 18px;
	height: 18px;
	content: '';
	position: absolute;
	left: 0px;
	top: 8px;
	background: url(../images/products/list_icon.png)
}
.content_in .top_box .box li .title {
	font-size: 13px;
	line-height: 24px;
	letter-spacing: 1px;
	padding: 4px 5px 0px 25px;
	position: relative;
}
.content_in .top_box .box li .rbox {
	line-height: 24px;
	padding: 5px 5px 0px 25px;
}
.content_in .top_box .box li .rbox img {
	cursor: pointer;
}
.content_in .price {
	line-height: 24px;
}
.content_in .price1 {
	font-size: 13px;
	color: #0000;
	text-decoration: line-through;
}
.content_in .price2 {
	font-size: 18px;
	color: #000000;
}
.content_in .price {
	font-size: 14px;
	color: #DA1414;
	font-weight: bold;
}
.content_in .price.has_sale {
	color:#b5b5b5;
	text-decoration:line-through;
}
.content_in .price_sale {
	font-size: 14px;
	color: #DA1414;
	font-weight: bold;
}
.content_in .top_box .box li .rbox img {
	vertical-align: middle;
}
.content_in .top_box .box li .rbox input, .content_in .top_box .box li .rbox select {
	height: 22px;
	padding: 1px 5px;
}
.content_in .top_box .info .btn {
	padding-top: 15px;
	font-size: 0px;
}
.content_in .top_box .info .btn li {
	list-style: none;
	float: left;
	padding: 0 5px;
}
.content_in .top_box .info .btn input {
	width: 108px;
	height: 86px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
.status1 {
	background: url(../images/status1.png) no-repeat;
}
.status1:hover {
	background: url(../images/status1_.png) no-repeat;
}
.status2 {
	background: url(../images/status2.png) no-repeat;
}
.top_box .status2 {
	pointer-events: none !important;
}
/* .status2:hover {
	background: url(../images/status2_.png) no-repeat;
} */
.status3 {
	background: url(../images/status3.png) no-repeat;
}
.status3:hover {
	background: url(../images/status3_.png) no-repeat;
}
.status4 {
	background: url(../images/status4.png) no-repeat;
}
.status4:hover {
	background: url(../images/status4_.png) no-repeat;
}
/*************************************************************************/
/*************************************************************************/

#photo_s {
	position: relative;
	padding: 0px 30px 0 30px;
	margin: 0 auto;
}
#photo_s .owl-buttons {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0px;
	padding: 0 10px;
	margin-top: -12px;
	zoom: 1;
	clear: both;
}
#photo_s .owl-buttons:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#photo_s .owl-buttons div {
	text-indent: -9999px;
	width: 17px;
	height: 25px;
	float: left;
	margin: 0 3px;
}
#photo_s .owl-buttons .owl-prev {
	background: url(../images/products/prev.png) no-repeat;
	left: -25px;
	position: absolute;
}
#photo_s .owl-buttons .owl-next {
	background: url(../images/products/next.png) no-repeat;
	right: -25px;
	position: absolute;
}
#photo_s .owl-buttons .owl-prev:hover {
	background: url(../images/album_prev.png) no-repeat;
}
#photo_s .owl-buttons .owl-next:hover {
	background: url(../images/album_next_.png) no-repeat;
}
.item {
	padding: 0 7px;
}
.item .pic {
	margin: 0px !important;
	position: relative;
    text-align: center;
    background: #f1f1f1;
}
.item .pic img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
/*************************************************************************/
/*************************************************************************/
.con_title {
	height: 39px;
	border: #E3E3E3 1px solid;
	background: #EEEEEE;
	position: relative;
	margin-bottom: 15px;
}
.con_title .pic {
	height: 39px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.con_title .pic2 {
	height: 39px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.con {
	margin-bottom: 30px;
}
.con img {
	max-width: 100%;
	height: auto !important;
}
/*************************************************************************/
/*************************************************************************/
@media (max-width: 700px) {
.content_in .photo_box {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.content_in .top_box .info {
	width: 100%;
	float: none;
	margin-bottom: 15px;
	position: relative;
	padding-left: 0;
}
}
@media (max-width: 510px) {
}