#divCommentPost { border-radius:5px; margin:1em 0 0 0; padding:0; }


.msg_post { overflow:hidden; *zoom:1; clear:both;}
.msg_post li { overflow:hidden; *zoom:1;  position:relative; padding:3px; margin-bottom:.5em; }
.msg_post li img { display:inline-block; *display:inline; *zoom:1; margin:0 0 0 1.5em; padding:0; vertical-align:top; overflow:hidden;}
.msg_post li sup { position:relative; color:#f00; margin-left:-.75em; margin-top:.25em; font-size:1.5em;}


.msg_post .msg_article {}
.msg_post .msg_name {}
.msg_post .msg_tel {}
.msg_post .msg_mail {}
.msg_post .msg_remember {}
.msg_post .msg_remember label { cursor:pointer;}
.msg_post .msg_verify {}
.msg_post .msg_submit {text-align:center;}
.msg_post .msg_submit .anniu0 { width:99%; margin:1em auto; padding:1em 0; font-size:1.25em;}




.msg { margin:0 0 0 0; clear:both; overflow:hidden; *zoom:1; background-color:#fff; padding:1em; box-shadow:0px 1px 2px #bbb; border-radius:5px;  }
.msg:first-child { margin-top:0;}



.msg dt { *zoom:1; color:#333; overflow:hidden;}
.msg dt b,.msg dt em { display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:0 0 0 32px;}
.msg dt b { background:url(../image/liuyan1.png) 0 0 no-repeat; font-size:1.125em; font-weight:normal; }
.msg dt em { float:right; font-weight:normal; padding:0 2px 0 0;}

.msg dd { color:#666; margin:1em 0 0 0; clear:both; padding-left:32px;}
.msg dd p { margin:0; }




.quote { margin:2em 0 1em 0; background-color:#f5f5f5;  }
.quote dt b { background:url(../image/liuyan2.png) 0 0 no-repeat; color:#f60; }

.quote p { color:#f60; }





.itemComment { clear:both; margin-top:1em; padding:1em 0; border-top:1px dashed #ccc;}


.itemComment dt { display:inline-block; *display:inline; *zoom:1; }

.itemComment dt { width:64px; height:64px; border-radius:50%; float:left; margin:0 2% 0 0; position:relative; overflow:hidden;}

.itemComment dd { display:table-cell; *display:inline-block; width:3000px; *width:auto; vertical-align:top; height:64px; min-height:64px; *height:auto; border-left:1px dashed #ccc; padding:0 0 0 2%; }
.itemComment dd h4 { font-size:1em;}

.itemComment .moreopen,.itemComment .moreclose { font-size:12px; color:#999; }

.itemCommenti { width:64px; height:64px; line-height:64px; text-align:center; color:#fff; *zoom:1; overflow:hidden; border-radius:50%; }
.itemCommenti img { display:block; width:100%;}

.itemCommentn { font-weight:bold;}

.itemCommentp { color:#ccc; float:right; padding-right:3px; }





.itemCommentquote { clear:both; overflow:hidden; *zoom:1; margin-top:1em; padding:1em 0; background-color:#eee; }

.itemCommentquote dt { margin-left:2%;}
.itemCommentquote dd { padding-right:2%;}
.itemCommentquote dd p {}



.itemComment:hover>dt img { -webkit-animation:itemCommentimg 3s infinite linear; }
@-webkit-keyframes itemCommentimg {    
    0% {
            transform:rotate(0deg);
    }
    25% {
       transform:rotate(30deg);
    }
    50% {
       transform:rotate(0deg);
    }
    75% {
       transform:rotate(-30deg);
    }
    100% {
       transform:rotate(0deg);
    }
}






.msgshowwrap {clear:both; overflow:hidden; *zoom:1;}


.msgshow { display:inline-block; *display:inline; *zoom:1; margin:1%; padding:2em 4%; vertical-align:top; overflow:hidden; width:15%; box-shadow:0 1px 2px #999; }
.msgshow dt { text-align:center; font-weight:normal; overflow:visible;}
.msgshow dt b { display:inline-block; *zoom:1; vertical-align:top; overflow:hidden; width:60px; height:60px; line-height:60px; text-decoration:none; background-color:#f80; border-radius:50%; text-align:center; margin:0 auto; color:#333; background-image:url(../image/liuyan0.png); background-repeat:no-repeat; background-position:center center; font-weight:normal; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.msgshow dt em { display:block; *zoom:1; vertical-align:middle; overflow:hidden; color:#ccc; font-size:.875em; }

.msgshow:hover b {  background-color:#f60; -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }




.msgquote { display:none;}


#divAjaxComment .msgshow { width:90%;}
#divAjaxComment .msgquote { display:block;}

#divAjaxComment .morebox { display:block;}


@media screen and (max-width: 799px) {
	.msgshow { width:90%;}

	.itemCommentquote dt { width:32px; }
	.itemComment dt { width:32px; height:32px;}
	.itemCommenti { width:32px; height:32px;}

	
}