@charset "utf-8";

/*-------------------------------

@user-comment

-------------------------------*/
#user-comment-container{
	position:fixed;
	z-index:10000;
	width:100%;
	height:50px;
	background:#DBF1F8;
	color:#000;
	overflow:hidden;
	cursor:pointer;
}

#user-comment-ttl-container{
	background:#FFF;
}

#user-comment-ttl{
	position:absolute;
	z-index:2;
	line-height:50px;
	width:100%;
}

#user-comment-ttl  span{
	text-align:center;
	display:none;
}

#user-comment-wrapper{
	position:absolute;
	z-index:1;
}
#user-comment-list{
	
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	cursor:pointer;
	line-height:50px;
}

#user-comment-list li{
	padding:0 35px 0 0;
}
.user-comment-name{
	display:block;
	float:left;
	font-size:12px;
	padding: 0 5px 0 0;
}
.woman{
	  color: #8C7CBB;
}
.man{
	 color: #2E7BA5;
}
.user-comment{
	font-size:14px;
	display:block;
	float:left;
}

.point-container{
	display:block;
	float:left;
	width:80px;
	height:15px;
	background-image:url(../buzzes/starBg.png);
	background-size:80px 15px;
	background-repeat:no-repeat;
	vertical-align: top;
	margin: 16px 5px 0;
}
.point{
	display:block;
	overflow:hidden;
	height:15px;
}
.point img{
	vertical-align: top;
	width: 80px;
	height: 15px;
	overflow:hidden;
}
.point1{ width:16px;}
.point2{ width:32px;}
.point3{ width:48px;}
.point4{ width:64px;}
.point5{ width:80px;}