@charset "utf-8";

#Smohan_FaceBox{ width:760px; height:auto; position:relative; margin:50px auto; min-height:160px;}
textarea.smohan_text{display:block; width:708px; height:78px; padding:10px 20px; background:url(../images/facebg_1.png) 0px 0px repeat-x; border:1px solid #cacaca; outline:none; position:relative; overflow:hidden;}
#Smohan_FaceBox p{ display:block; width:748px;  padding:10px 0px;}
.face{ display:block; width:21px; height:21px; background:url(../images/face/25.gif);}
.face:hover,.face.in{}
.button{ display:inline-block; width:80px; height:35px; line-height:35px; background:#6C3; border:1px solid #6C0; text-align:center; cursor:pointer; color:#ffffff; float:right; text-shadow:0px -1px 0px rgba(153,153,153,0.6);}
img{ border:0 none;}
/*
FaceBox
*/
#SmohanFaceBox{ display:block; width:352px; height:187px; position:absolute; top:140px; left:-31px; z-index:9999;}
#SmohanFaceBox .Corner{ display:block; width:28px; height:15px; background:url(../images/facebg_1.png) -32px -100px no-repeat; position:absolute; 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 span{ float:left;}
#SmohanFaceBox .Content h3 .close{ display:inline-block; width:16px; height:16px; background:url(../images/facebg_1.png) -30px -120px; float:right; cursor:pointer;margin-top:15px;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;}

/*
解析表情
*/
#Zones{ display:block; width:696px; height:auto; padding:26px; position:relative; background:#fff; border:2px dashed #cacaca; margin:30px auto; display:none;}