.pagination {
	text-align: left;
	margin-top: 20px;
	font-size: 0;
}

.pagination li{
	display: inline-block;
	margin-right: 10px;
	text-decoration: none;
	font-size: 14px;
}
.pagination li:last-child{
	margin-right: 0;
}

.pagination li a{
	color: #999;
}
.pagination li a:not(.number):hover{
	text-decoration: none;
}
.pagination li a.number {
	text-align: center;
	display: inline-block;
	width: 30px;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	border: 1px dotted #cbcbcb;
	box-sizing: border-box;
	-webkit-transition: 500ms;
	transition: 500ms;
	color: #999999;
	text-decoration: none;
}

.pagination li a.number:not(.active):hover{
	background-color: #d0d0d0;
}

.pagination li a.active {
	width: 30px;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	border: 1px dotted transparent;
	box-sizing: border-box;
	background-color: #999;
	color: #fff;
}

.pagination .prev,.pagination .next{
	text-decoration: none;
}