﻿ul.msgList{overflow:hidden;margin:0;list-style:none; width:710px; float:left;}
ul.msgList li{/*margin-top:-1px;*/border-top:1px dotted #ddd; }
.msgItem{*margin:0 0 -3px;padding:10px 10px 10px 0;zoom:1;}
.msgItem .time{color:#A9A9A9 !important;font:11px/20px Arial,Helvetica,sans-serif !important;}
.msgItem:after{content:'\0020';display:block;clear:both;height:0;}
.msgAvatar{_display:inline;float:left;width:60px; height:60px;padding-right:10px; margin:0;background:url(/images/Member/avatar_border.gif) 0px 0px no-repeat;}
.msgAvatar img{width:48px;height:48px;padding-top:5px;padding-left:5px;}
.msgContent{_overflow-x:hidden;float:right;width:630px;}
.msgHead{zoom:1;}
.msgHead:after{content:'\0020';display:block;clear:both;height:0;}
.msgHead h4{font-weight:400;line-height:28px;}
.msgHead h4 strong{ padding-right:10px;}
.msgHead h4 .msgOption{ float:right;}
.msgHead h4 .msgOption a{ padding-left:5px;}
.msgHead .meta{margin:0 5px;}
.msgHead .option{float:right;padding:0 0 0 5px;}
.msgBody{overflow:hidden;width:100%;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.msgBody p{}
.msgComment{ width:570px;padding-left:70px;}
.msgComment a,.msgComment em a{}
.msgComment .commentBox li{list-style:none outside none; padding:5px 7px !important;}
.msgComment .commentBox .commentC{padding:5px 10px 5px 58px !important;}
.msgComment .commentBox .commentC .commentAvatar{height:32px;}
.msgComment .commentBox .commentC .commentOption{margin-top:-2px;}
.msgComment .commentBox .commentC .commentInfo{padding:0 0 1px;}
.msgComment .commentInfo p a{color:#2584b0;}
.msgComment .commentBox li,
.msgComment .commentBox .clickComment{background:#f2f7fb;}
.msgComment .commentBox .clickComment{padding:3px 7px !important;}
.msgComment .commentBox .corner{border-color:#fff #fff #f2f7fb #fff;}
.msgComment .commentBox textarea{border-color:#d1dfe9 !important;}
.msgComment .commentBox .newC{background:#e8f1f6;}
.msgComment .commentBox .addComBox .commentRight{padding-bottom:4px;}


.commentBox{overflow:hidden;position:relative;clear:both;padding:5px 0 0;font-size:12px;line-height:16px;zoom:1;}
.commentBox em{font-style:normal !important;}
.commentBox .corner{display:block;overflow:hidden;position:absolute;top:-5px;left:7px;width:0;height:0;border-style:solid;border-width:5px;border-color:#fff #fff #fef0e2 #fff;}
.commentBox textarea.default{border-color:#ccc;color:#999;}
.commentBox ul{margin:0;padding:0;*line-height:0;list-style-type:none;}
.commentBox li{display:block;clear:both;margin:0;margin-bottom:1px !important;padding:7px !important;border:none !important;background:#fef4ea;line-height:16px;list-style-type:none;}
.commentBox .commentC{_display:inline;padding:7px 20px 0 55px !important;zoom:1;}
.commentBox .commentC:after{content:'\0020';display:block;clear:both;height:0;}
.commentBox .commentC .commentAvatar{_display:inline;float:left;width:40px;height:40px;margin-left:-52px;margin-top:2px;text-align:center;}
.commentAvatar img{width:32px;height:32px;}
.commentBox .commentC .commentOption{_display:inline;float:right;width:18px;margin:-5px -18px 0 0;text-align:right;}
.commentBox .commentC .commentInfo{_display:inline;overflow:hidden;_float:left;width:100%;padding:0 0 3px 0;text-overflow:ellipsis;-o-text-overflow:ellipsis;zoom:1;}
.commentBox .commentC .commentInfo h4{margin:0;padding:0;font-weight:normal;line-height:16px;}
.commentBox .commentC .commentInfo h4 a{margin-right:10px;}
.commentBox .commentC .commentInfo h4 .msgOption_r{ float:right;}
.commentBox .commentC .commentInfo h4 .i-wap,
.commentBox .commentC .commentInfo h4 .i-iphone,
.commentBox .commentC .commentInfo h4 .i-mobile{margin-top:-2px;*margin-top:0 !important;}
.commentBox .commentC .commentInfo h4 span.meta{color:#a9a9a9 !important;font:11px/20px Arial,Helvetica,sans-serif !important;}
.commentBox .commentC .commentInfo p{margin:0 0 3px 0;}
.commentBox .commentC .commentInfo p img.emot{cursor:default;}
.commentBox .newC{background:#fee6ce;}
.commentBox .clickComment{display:block;*display:inline-block;clear:both;margin:0;margin-bottom:3px;padding:7px!important;background:#fef4ea;list-style-type:none;}
.commentBox .addComment{}
.commentBox textarea.addInput{*overflow-y:hidden;width:98%;height:20px;margin:5px auto;border:1px solid #ccc;background:#fff;color:#999;}
.commentBox .addComBox{padding:0 0 0 45px;zoom:1;}
.commentBox .addComBox:after{content:'\0020';display:block;clear:both;height:0;}
.commentBox .addComBox .commentAvatar{display:inline;float:left;width:40px;height:40px;margin-left:-49px;margin-top:5px;text-align:center;}
.commentBox .addComBox .commentRight{float:left;width:100%;}
.commentBox .addComBox textarea.addComment{display:block;width:98%;height:27px;margin:5px auto;border-color:#ccc;}
.commentBox .addComBox .commentEmot{float:left;}
.commentBox .addComBox .commentEmot .emot{cursor:pointer;}
.commentBox .addComBox .commentBtn{float:right;text-align:right;}