	.seach-input-box {
		margin: 30px auto 30px;
		width: 500px;
		position: relative;
	}
	.seach-input {
		padding: 0 20px;
		height: 36px;
		border: 1px solid #ccc;
		border-radius: 30px;
		width: 100%;
		transition: .5s all; 
	}
	.seach-input:focus {
		border-color: #0dd1cf;
	}
	.top-search {
		padding: 5px 10px;
		background-color: transparent;
		border: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 2%;
	}
	.pro-category-box {
		padding-top: 30px;
		border-top: 1px solid #ddd;
	}
	.category {
		border: 1px solid #e5e5e5;
		height: 40px;
	}
	.pro-category-title {
		background: #e5e5e5;
		text-align: center;
		line-height: 40px;
		display: inline-block;
		height: 100%;
		width: 10%;
	}
	.pro-category-list {
		padding: 0 10px; 
		float: right;
		display: inline-block;
		background: #fafafa;
		height: 100%;
		width: 90%;
	}
	.pro-category-item {
		color: #bbb;
		padding: 0 10px;
		line-height: 40px;
		display: inline-block;
	}
	.pro-cate-link {
		color: #bbb;
	}
	.active {
		color: #0dd1cf;
	}
	.tags {
		margin: 20px auto;
	}
	.tags-item {
		padding: 0 10px;
		display: inline-block;
	}
	.fa-caret-down {
		margin-left: 8px;
	}
	.product-list-box {
		background: #f2f2f2;
	}
	.product-list {
		font-size: 0;
		padding: 30px 0;
	}
	.product-item{
		margin-bottom: 20px;
		display: inline-block;
		vertical-align:top;
		width: 24.75%;
		padding: 0 12px;
	}
	.img-box {
		width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
	}
	.mark {
		transition: .3s all;
		z-index: 2;
		position: absolute;
		background: rgba(0,0,0,.0);
		width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	}
	.seemore {
		color: #fff;
		display: none;
		font-size: 0.4688rem; 
		z-index: 3;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.product-img {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	}
	.img-box:hover .mark{
		background: rgba(0,0,0,.5);
	}
	.img-box:hover .seemore{
		display: block !important;
	}
	.product-title {
		display: block;	
		font-size: 0.25rem;
		background: #fff;
		padding: 12px 20px;
		height: 85px;
		border-bottom: 1px solid #ddd;
		transition: .3s all;
		text-align:center;
	}
	.product-link {
		display: block;
		color: #666;
	}
	.product-item:hover .product-title {
		border-bottom-color: #999;
	}
	.pagination {
		width: 100%;
		text-align: center;
		margin-top: 16px;
	}
	.pre,.page,.next {
		display: inline-block;
	}
	.pre,.next {
		line-height: 42px;
		text-align: center;
		border: 1px solid #ddd; 
		width: 74px;
		height: 42px;
	}
	.page {
		background: #0dd1cf;
		width: 40px;
		height: 42px;
		color: #fff;
		line-height: 42px;
	}
	@media screen and (max-width: 768px) {
		.seach-input-box {
			margin: 10px auto 10px;  
		}
	  .product-item{
			width: 50%;
		}
		.pro-category-box {
			border: none;
		}
		.category {
			border: none;
		}
		.pro-category-title {
			display: block;
			width: 100%;
		}
		.pro-category-list {
			width: 100%;
		}
		.seach-input-box {
			width: 80%;
		}
	}




























