@charset "utf-8";

/* CSS Document */
ul.fk-comments {
	padding: 5px 0px;
}

ul.fk-comments li {
	list-style: none;
	min-height: 56px;
	border-bottom: #eee 1px solid;
	padding: 3px 0px;
}

ul.fk-comments .user-img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 5px;
	background: #fff;
	overflow:hidden;
}
ul.fk-comments .user-img.no-pho {
	background: #eee url(../../frontend/plugins/FkComments/user.png);
}

ul.fk-comments .user-img img{ width:100%;}

ul.fk-comments .time {
	float: right;
	font-style: italic;
	color: #999999;
}

.leave-comment .user-data {
	display: none;
}

.leave-comment textarea {
	height: 30px;
	width: 100%;
	color: #CCCCCC;
}

.leave-comment .txt-data {
	width: 100%;
}



/*On*/
.leave-comment.on .user-data {
	display: block;
}

.leave-comment.on .txt-data {
	width: 100%;
}

.leave-comment.on textarea {
	height: 60px;
	color: #000;
}
.leave-comment .btn {
	display:none;
}
.leave-comment.on .btn {
	display:block;
}

/*alert*/
ul.fk-comments .alert {
	border: #FF3366 1px solid;
	background: #F2D7E3;
}