.liquid{
	clear: right;
}
.liquid .previous {
	display:block;
	height: 380px;
	width: 45px;
	background-image:url('../images/previous.png');
	background-size: 45px;
	float:left;
	margin:0;
	padding:0;
	cursor: pointer;
}
.liquid .next {
	display:block;
	height: 380px;
	width: 45px;
	background-image:url('../images/next.png');
	background-size: 45px auto;
	float:right;
	margin:0;
	padding:0;
	cursor: pointer;
}
.liquid ul li{
	width:255px;
	/*transition: all 0.5s;*/
}
.liquid ul li a.pic{
	display: block;
	width: 255px;
	height: 230px;
	overflow: hidden;
	border: 1px #f3f3f3 solid;
	text-decoration: none;
	background-color: #fff;
}
.liquid ul li a img{
	width: 100%;
	height: auto;
}

@media screen and (max-width: 480px){
.liquid ul li{
	width:210px;
}
.liquid ul li a.pic{
	width: 210px;
	height: 189px;
}
.liquid .previous {
	display:block;
	height:380px;
	width:25px;
	background-image:url('../images/previous.png');
	background-size: 25px;
	background-position: center;
	float:left;
	margin:0;
	padding:0;
	cursor: pointer;
}
.liquid .next {
	display:block;
	height:380px;
	width:25px;
	background-image:url('../images/next.png');
	background-size: 25px;
	background-position: center;
	float:right;
	margin:0;
	padding:0;
	cursor: pointer;
}
}

@media only screen and (max-width: 320px){
.liquid ul li{
	width:200px;
}
.liquid ul li a.pic{
	width: 200px;
	height: 180px;
}
.liquid .previous {
	display:block;
	height:380px;
	width:25px;
	background-image:url('../images/previous.png');
	background-size: 25px;
	background-position: center;
	float:left;
	margin:0;
	padding:0;
	cursor: pointer;
}
.liquid .next {
	display:block;
	height:380px;
	width:25px;
	background-image:url('../images/next.png');
	background-size: 25px;
	background-position: center;
	float:right;
	margin:0;
	padding:0;
	cursor: pointer;
}
}