@charset "utf-8";

#Smohan_FaceBox{ width:630px; height:130px;}
.pinglun{display:block; width:708px; height:90px; padding:10px 20px; outline:none; border:none; resize:none; border-bottom:1px solid #ddd; overflow:hidden;}

#Smohan_FaceBox p{ display:block; width:748px;  padding:10px 0px;}
.biaoqing{ display:block; width:20px; height:20px; margin-left:20px; background:url(images/facebg_1.png) 0px -100px no-repeat; float:left; margin-top:3px;}
.biaoqing:hover,.biaoqing.in{ background-position:0px -120px;}

#SmohanFaceBox{ display:block; width:352px; height:187px;  top:230px;}
#SmohanFaceBox .Corner{ display:block; width:28px; height:15px; background:url(/js/biaoqing/images/facebg_1.png) -32px -100px no-repeat;  left:45px; top:0; z-index:100;}
#SmohanFaceBox .Content{ display:block; width:350px; height:185px; padding:10px; background:#ffffff;border:1px solid #cfcfcf; z-index:99; margin:14px 0px 0px 0px; box-shadow:0px 1px 10px rgba(204,204,204,1); border-radius:2px;}
#SmohanFaceBox .Content h3{ margin:0; padding:0; width:350px; height:30px; line-height:26px; display:block; font-size:14px; text-align:left;}
#SmohanFaceBox .Content h3 .close{ display:inline-block; width:16px; height:16px; background:url(/js/biaoqing/images/facebg_1.png) -30px -120px; float:right; cursor:pointer; margin-right:20px;}
#SmohanFaceBox .Content h3 .close:hover{ background-position:-46px -120px;}
#SmohanFaceBox .Content ul{ margin:5px 0px 0px 0px; padding:0; list-style-type:none;}
#SmohanFaceBox .Content ul li{ display:inline-block; width:22px; height:22px; padding:2px; border:1px solid #f8f8f8; float:left;}
#SmohanFaceBox .Content ul li:hover{ border-color:#6C3;}

/*
解析表情
*/
#answer{ display:block; width:630px; height:120px; padding:10px;  background:#fff; border:1px dashed #cacaca;}