p {
	margin: 4px 2px;
	line-height: 16px;
}

/* 这里是空分层，用来显示空星星，空星星位于背景图片的顶层，将其设为背景并横向平铺 */
.star {
	position: relative;
	width: 60px;
	height: 13px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: url(../images/stars.gif) left top repeat-x;
}

/* 设置li的浮动属性 */
.star li {
	padding: 0px;
	margin: 0px;
	float: left;
}

/* 设置a的布局为绝对布局和垂直坐标并隐藏a中文本使其成为空链接 */
.star li a {
	position: absolute;
	display: block;
	width: 12px;
	height: 13px;
	padding: 0px;
	line-height: 13px;
	text-decoration: none;
	text-indent: -1000px;
}

/* 设置a:hover的背景图片为打分星/垂直坐标/left为0，注意垂直坐标一定要小于a的垂直坐标 */
.star li a:hover{
	left: 0px;
	background: url(../images/stars.gif) left center;
}

/* 以下5个class用来设置5个链接的位置和hover的宽度 */
.star a.star1{
	z-index:5;
	left: 0px;
}
.star a.star1:hover{
	width:12px;
}
.star a.star2{
	z-index:4;
	left:12px;
}
.star a.star2:hover{
	width: 24px;
}
.star a.star3{
	z-index:3;
	left: 24px;
}
.star a.star3:hover{
	width: 36px;
}
.star a.star4{
	z-index:2;
	left: 36px;
} 
.star a.star4:hover{
	width: 48px;
}
.star a.star5{
	z-index:1;
	left: 48px;
}
.star a.star5:hover{
	width: 60px;
}

/* 设置分数层的背景和宽度并隐藏文本 */
.star li.current {
	position: absolute;
	display: block;
	/* width: 0px; */
	height: 13px;
	line-height: 13px;
	text-indent: -1000px;
	z-index: 0;
	background: url(../images/stars.gif) left bottom;
}