.title-bar {
}
.pg-product {
}
.product-list {
}
.cate-list {
	text-align: center;
}
.cate-list .item {
	display: inline-block;
	margin:5px;
}
.cate-list .item > a {
	display: block;
	padding: 8px 15px;
	line-height: 20px;
	background-color: #8b8b8b;
	color: #FFF;
	border-radius: 20px;
}

.cate-list .item > a .icon
{
	display:none;	
}

.cate-list .item > a:hover, .cate-list .item:hover > a, .cate-list .active > a {
	background-color: #ea5404;
}



.cate-title
{
	display:none;	
}


/****************/
.search-form {
	padding: 30px 0 10px 0;
}
.search-form .box {
	margin: 0 auto;
	width: 60%;
	min-width: 300px;
	position: relative;
}
.search-form input.fld {
	display: block;
	width: 100%;
	height: 36px;
	background-color: #8b8b8b;
	color: #FFF;
	text-indent: 20px;
	line-height: 36px;
	border-radius: 20px;
	border: none;
	outline: none;
}
 .search-form input::-webkit-input-placeholder {
 color:#ccc;
}
.search-form input::-moz-placeholder {   /* Mozilla Firefox 19+ */
 color:#ccc;
}
.search-form input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#ccc;
}
.search-form input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
 color:#ccc;
}
.search-form input:hover, .search-form input:focus {
	background-color: #646464;
}
.search-form button {
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #FFF;
}
/***************/
.product-list .item {
	width: 33.333%;
	float: left;
}
.product-list .item-more {
	display: none;
}
.product-list .item-box {
	padding-left: 15px;
	padding-bottom: 15px;
}
.product-list .item0 .item-box {
	padding-left: 0;
}
.product-list .item .thu {
	position: relative;
}
.product-list .item .zoomx {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-right: -20px;
	color: #FFF;
}
.product-list .item .thu .iconx, .product-list .item .thu .zoomx {
	position: absolute;
	z-index: 100;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	font-size: 3.5em;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	opacity: 0.75;
	cursor: pointer;
	transition: all .5s ease;
	-moz-transition: all .5s ease; /* Firefox 4 */
	-webkit-transition: all .5s ease; /* Safari and Chrome */
	-o-transition: all .5s ease; /* Opera */
}
.product-list .item .thu .zoomx {
	font-size: 2em;
	opacity: 0;
}
.product-list .item:hover .thu .zoomx {
	font-size: 2.5em;
	opacity: 0.9;
}
.product-list .item:hover .thu .iconx {
	opacity: 0.9;
}
.product-list .item:hover .thu .iconx {
	font-size: 3em;
}
.product-list .item .thu .dtime {
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: rgba(0,0,0,0.6);
	color: #FFF;
	font-size: 12px;
	padding: 5px;
	z-index: 100;
	border-radius: 2px;
}
.product-list .item .thu a {
	display: block;
	position: relative;
	z-index: 99;
}
.product-list .item .cont {
}
.product-list .item .cont {
	position: relative;
	min-height: 90px;
}
.product-list .item .cont-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #f3f3f3;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	padding: 15px;
	min-height: 90px;
	z-index: 1000;
}
.product-list .item .dtime {
}
.product-list .item .tl {
	padding: 5px 0;
}
.product-list .item .tl a {
	display: block;
	font-size: 1.25em;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.product-list .item .tl a:hover {
	color: #666;
}
.product-list .item .more {
	padding-top: 10px;
}
.product-list .item .more a {
	font-size: 12px;
	color: #999;
	line-height: 150%;
}
.product-list .item .more a:hover {
	color: #666;
}
.product-list .item:hover .more a, .product-list .item:hover .tl a {
	color: #FFF;
}
.product-list .item:hover .more a, .product-list .item:hover .tl a:hover {
	opacity: 0.75;
}
.product-list .item:hover .more {
	display: block;
}
.product-list .item:hover .cont-box {
	background-color: #ea5404;
}
.product-list .item:hover .info, .product-list .item:hover .tl a, .product-list .item:hover .cont-box {
	transition: all .5s ease;
	-moz-transition: all .5s ease; /* Firefox 4 */
	-webkit-transition: all .5s ease; /* Safari and Chrome */
	-o-transition: all .5s ease; /* Opera */
}
.product-list .item:hover .cont-box {
	padding-bottom: 30px;
}
.product-list .item .vcode {
	display: none;
}
.product-list .fxitem .thu {
	overflow: hidden;
}

 @media screen and (min-width:768px) {
.cate-box ul
{
	display:block !important;	
}
 }
 
 @media screen and (max-width:767px) {
.product-list {
	padding-left: 5px;
	padding-right: 5px;
}
.product-list .item {
	width: 100%;
	float: none;
	padding-bottom: 10px;
}
.product-list .item-box {
	padding-left: 0;
	padding-bottom: 5px;
}
.search-form .box {
	width: 98%;
}
}
 @media screen and (max-width:414px) {
.cate-list {
	text-align: left;
}

.cate-box
{
	position:relative;
	z-index:999;
}

.cate-title
{
	display:block;	
}

.cate-title a
{
	display:block;
	width:98%;
	margin:0 auto;
	position:relative;
	height:36px;
	line-height:36px;
	border-radius:20px;
	background-color:#8b8b8b;
	text-indent:10px;
	color:#FFF;
}

.cate-title .icon
{
	position:absolute;
	right:20px;
	height:20px;
	line-height:20px;
	top:8px;	
}

.cate-title a:hover,
.cate-title a:active
{
	background-color:#ea5404;	
}

.cate-box ul
{
	position:absolute;
	left:0;
	width:100%;
	top:100%;
	background-color:#FFF;
	border-radius:20px;
	display:none;	
}

.cate-list .item {
	display: block;
	margin:2px 5px;
}
.cate-list .item > a {
	position: relative;
	display: block;
}
.cate-list .item > a .icon {
	position: absolute;
	top: 10px;
	right: 15px;
	display:none;
}

.cate-list .active > a .icon
{
	display:block;	
}

.cate-list .item .dropdown-menu {
	width: 100%;
	padding-top: 0;
	border-radius: 20px;
	margin-top: -5px;
}

.search-form
{
	padding-top:10px;	
}

}