/************** COMMENT LIST **************/
.title-comment{
    text-align: left;
    margin-top: 20px;
}
.btn-send{
    text-align: right;
    margin-top: 5px;
}
.bs-callout {
    border-left: 3px solid #EEEEEE;
    margin: 10px 0;
    padding: 20px;
}
.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    background-color: #FFFFFF;
    border-radius: 3px;
}
.bs-callout-danger {
    background-color: #FDF7F7;
    border-color: #D9534F;
}
.bs-callout-danger h4 {
    color: #D9534F;
}
.bs-callout-warning {
    background-color: #FCF8F2;
    border-color: #F0AD4E;
}
.bs-callout-warning h4 {
    color: #F0AD4E;
}
.bs-callout-info {
    background-color: #F4F8FA;
    border-color: #5BC0DE;
}
.bs-callout-info h4 {
    color: #5BC0DE;
}
.bs-callout-gray {
    background-color: #F5F5F5;
    border-color: #ccc;
}
.bs-callout-gray h4 {
    color: #666;
}
.commentList {list-style: none;padding-left: 10px;}
.commentList li.blockComment{padding-left: 5px; padding-top: 10px; padding-bottom: 5px;
transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    -webkit-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
}
.commentList > li:nth-child(even){
	background-color: #F5F5F5;
    border-color: #ccc;
}
.commentList > li:nth-child(odd){
	background-color: white;
    border-color: #ddd;
}
.commentList ul{list-style: none;}
.commentList ul li{
    padding-top: 5px;padding-left: 5px;padding-bottom: 1px;
    transition: background-color .4s ease-in-out;
    -moz-transition: background-color .4s ease-in-out;
    -webkit-transition: background-color .4s ease-in-out;
    -o-transition: background-color .4s ease-in-out;
}

.commentList li .content{float: none;}

.commentList li .content ul{list-style: inside;}

.commentList li .content ul.cnt-content-list{margin-left: 5px;}

.commentList li .content ul li{list-style: none;padding-left:inherit;}


.commentList li .content h4 a{color: #666;font-weight: bold;font-size: 14px;}
.commentList li .content .mentionedName{color: #999;}
.commentList .info{margin: 10px 0;overflow: hidden;font-size: 12px; text-align: right;}
.commentList .info .viewmore{float: right;}
.commentList .info .control{color: #6D84B4;}
.commentList .info .control a{text-decoration: none;color: #6D84B4;display: inline-block;padding: 0 5px;border-radius: 10px;}
.commentList .info .control a:hover{background-color: #fff;color: #428BCA; }
.commentList .info .control .comment-count{color: #999; cursor: default;}
.commentList .info .control a.comment-count:hover {color: #999 !important;}
.commentList .info .control .like-count{color: #999;}
.commentList .reviewMoreComment{
    width:100%;
    text-decoration: none;
    color: #6D84B4;
    display: inline-block;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 12px;
}
.viewmorecomment span img{width: 20px; margin-right: 10px;}
.commentList .reviewMoreComment span{color: #999; cursor: default;float:right;}
.commentList .reviewMoreComment:hover span{color: #999 !important;}
.commentList .reviewMoreComment:hover i{text-decoration: underline;}
.commentList ul li .info .control .comment-count{display: none;}
.commentList .icon-user-avatar{position: relative;float: left;margin-right: 10px;margin-bottom: 10px;}
.commentList .icon-user-avatar img{width: 48px;}
.commentList ul li .icon-user-avatar img{width: 30px;}
.commentList .icon-user-avatar .childs img{width: 30px;}
.commentList ul .icon-user-avatar .name{position: absolute;
font-weight: bold;
margin-left: 10px;
white-space: nowrap;
top: 0px;
left: 35px;}
.name.blue-member{color: #428BCA;}
.name.normal-member{color: #71b131;}
.name.admin-member{color: red;}
.commentList .icon-user-avatar .name{
    font-weight: bold;
    left: 50px;
    margin-left: 10px;
    max-width: 200px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
}
#commentTopList.commentList .icon-user-avatar .name{
    top: 18px;
    color: #999;
    font-size: 12px;
    font-style: italic;
}
#commentTopList.commentList .icon-user-avatar .name:before{
    content:"by ";
    font-weight: normal;
    font-size: 12px;
}
.pagination{float: right;clear: both;overflow: hidden;margin: 0px;}
.commentList .posttime{font-size: 12px;color: #898F9C;float: right;}
.commentList .viewmorecomment{
    background: none repeat scroll 0 0 #FDFDFD;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    display: block;
    font-size: 12px;
    margin-left: 40px;
    margin-right: 5px;
    padding: 5px;
    
    
}
.commentList .viewmorecomment:hover{
    text-decoration: none !important;
    background-color: #ededed;
}
.commentList .viewmorecomment .glyphicons.conversation{margin-left: 10px;}
.commentList .viewmorecomment em{     
    color: #999;
}
.commentList a.viewmorecomment:hover em{
}