.category {
	padding: 25px 0px 20px 25px;
	border: 1px solid #e2e2e2;
}

.category h4 {
	float: left;
	display: inline-block;
	width: 155px;
	font-size: 18px;
	line-height: 18px;
	color: #333;
	font-weight: 500;	
}

.category > ul {
	float: left;
	width: 825px;
	margin-top: -10px;
}

.category > ul > li {
	float: left;
	width: 20%;
	height: 30px;
}

.category > ul > li > a {
	font-size: 13px;
	line-height: 27px;
	color: #5e5e5e;
	font-weight: 500;
}

.category > ul > li > a.active {
	color: #3c81e1;
}

.category > ul > li > a:before {
	display: inline-block;
	width: 5px;
	height: 5px;
  content: '';
  margin-right: 7px;
  background-color: #c9c9c9;	
  border-radius: 50%;
  vertical-align: middle;
}

.category > ul > li > a.active:before {
  background-color: #3c81e1;
}

.category > ul > li > a > .hot {
	display: inline-block;
	width: 33px;
	text-indent: -9999px;
	background:url(../images/icon_hot.png) no-repeat 3px 50%;	
}