
#primaryBanner{background-color:#fff;margin-bottom:20px;}

.mc {
	overflow: hidden;
	zoom: 1;
}
#comments-list {
	margin-bottom: 20px;
}


#comments-list .u-icon img {
width: 50px;
height: 50px;
padding: 8px;
background: url(../../images/sqb/user-avatar-bg.png) no-repeat 0 0;
}
#comments-list .user {
	position: absolute;
	top: 10px;
	left: 0;
	width: 120px;
	text-align: center;
	color: #9C9A9C;
}
#comments-list .user a {
	color: #005aa0;
}
#comments-list .user .u-name {
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#comments-list .item {
	position: relative;
	padding: 0 0 2px 120px;
	background: #fff;
	margin-bottom:15px;
	zoom: 1;
}
#comments-list .i-item {
	padding: 10px 15px 5px;
	border: 1px solid #cdd4e5;
	background: #fcfffa;
	min-height:150px;
}
#comments-list .o-topic {
	padding: 0 0 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cdd4e5;
	overflow: hidden;
	zoom: 1;
}
#comments-list .item .btns {
	clear: both;
	padding: 10px 0 5px;
	overflow: hidden;
	zoom: 1;
	line-height: 20px;
}
#comments-list .corner {
	position: absolute;
	overflow: hidden;
}
#comments-list .tl {
	top: 10px;
	left: 108px;
	width: 14px;
	height: 26px;
	background-image: url(../../images/sqb/tmp_try.png);
	background-repeat: no-repeat;
	background-position: -259px -47px;
}
.star {
	display: inline-block;
	width: 75px;
	height: 14px;
	background-image: url(../../images/sqb/tmp.png);
	background-repeat: no-repeat;
}
.sa5 {
	background-position: -125px -194px;
}
.sa3 {
	background-position: -155px -194px;
}
.sa1 {
	background-position: -200px -194px;
}
#comments-list .star {
	float: left;
	margin: 1px 0 0 5px;
}
#comments-list .date-comment {
	float: right;
	color: #9C9A9C;
	margin-left: 10px;
}
.image-list {
	margin-top:10px;
	ovrflow:hidden;
}
.image-list li{
	display:inline;
}
.reply_content {
	margin-top:5px;
	padding-top:5px;
	border-top:1px solid #eee;
}
.reply_content_author { 
	color:#bbb;
	height: 25px;
	line-height: 25px;
	margin-right: 3px;
}
.comment-content {
	min-height:50px;
}
.nav_bar {
	background-color: #F4F4F4;
	overflow: auto;
}
.nav_bar li {
	display: block;
	float: left;
	padding-right: 10px;
	font-size: 14px;
	padding: 10px 28px;
	text-align: center;
	cursor: pointer;
}
.nav_bar li.active {
	background-color: #50a6bd;
	color: #fff;
}
.daily_bod {
	display: block;
	font-size: 0;
	overflow: hidden;
	height: 3px;
	background-color: #50a6bd;
	margin-bottom:15px;
}
#comment_nav_bar a, #comment_nav_bar a:hover, #comment_nav_bar a.visited {color:#616161;}
.rateTotal {color:#f70;font-size:12px; padding:0 5px;}
.nav_bar li.active .rateTotal {color: #fff;}
#comment_nav_bar .active a, #comment_nav_bar  .active a:hover, #comment_nav_bar  .active a.visited {color:#fff;}
#page_banner{width: 1190px;height: 360px;background-image: url(../../images/sqb/comment_bg_1190.jpg);}




@media (min-device-width:1024px) and (max-width:600px),(max-width:600px),
	 (max-device-width:480px), 
 	(max-device-width:480px)  {
       .nav_bar li{font-size:18px;}
       .nav_bar li {padding:10px 25px;}
       #page_banner{width: 360px;height:360px;background-image: url(../../images/sqb/comment_bg_990.jpg);}
       #comments-list .noitem{padding:80px 0;}
}

