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


.commentUL { *zoom:1; clear:both; }
.commentUL:after { content:"\200B";display:block; height:0; clear:both; }
.commentUL li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:0 0 1em 0; padding:0;}
.commentUL li sup { position:relative; color:#f00; margin-left:-20px; margin-top:5px; font-size:1.5em;}


.commentUL .commentArticle { width:100%;}

.commentUL .commentName { width:32%; margin-right:2%;}
.commentUL .commentTel { width:32%; margin-right:2%;}
.commentUL .commentMail { width:32%; margin-right:0;}

.commentUL .commentRemember { width:32%; margin-right:2%;}
.commentUL .commentRemember label { cursor:pointer;}
.commentUL .commentVerify { width:32%; margin-right:2%;}
.commentUL .commentVerify img { display:inline-block; *display:inline; *zoom:1; margin:0; padding:0; vertical-align:top; margin-left:-110px;}

.commentUL .commentSubmit {text-align:center; width:100%;}
.commentUL .commentSubmit .anniu0 { width:100%; margin:1em auto; padding:1em 0; font-size:1.25em; }


.commentUL .error { color:#f00;}



.btnLoading { background-color:#090 !important;}
.btnDisabled { background-color:#ccc !important;}










.itemlist .itemComment:first-child,.content .itemComment:first-child { border-top:none;}
.itemComment { clear:both; margin-top:0; padding:.75em 0; border-top:1px solid #ddd;}


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

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

.itemComment dd { display:table-cell; *display:inline-block; width:3000px; *width:auto; vertical-align:top; height:48px; min-height:48px; *height:auto; border-left:1px solid #ddd; padding:0 .5em 0 .75em; }
.itemComment dd h4 { font-size:1em;}
.itemComment dd p { margin-top:.5em;}

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

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

.itemCommentn { font-weight:bold; color:#000; font-size:.875em;}

.itemCommentp { color:#ccc; float:right; font-size:.75em; margin:2px 5px 0 0;}





.itemCommentquote { clear:both; overflow:hidden; *zoom:1; margin-top:-20px; padding:1em 0;background-color:#f5f5f5; border-radius:5px; }

.itemCommentquote dd { padding-right:2%; padding-right:.75em;color:#333; font-size:.875em; border-left:1px solid #eee;}
.itemCommentquote dd p a { color:#09f;}


.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);
    }
}




#divAjaxComment .morebox { display:block;}


@media screen and (max-width: 799px) {
	
	
	.commentUL li {width:100% !important;}

    .itemComment dt { margin:0 .25em; }

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

	
}

