@charset "utf-8";
/* CSS Document */


 #tag-wrapper
 {
 border: 1px solid #fff;
 display: block;
 padding: 10px;
 position: relative;
 }

/* #tag-target, #tag-wrapper img { cursor: crosshair; }*/



 #tag-target
 {
 display: none;
 border: 4px solid #fff;
 height: 100px;
 width: 100px;
 position: absolute;
 top: 0px;
 left: 0px;

 }

 #tag-input
 {
 background: #fff;
 display: none;
 padding: 5px;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 170px;
z-index:100;

 }

 #tag-input label
 {
 display: block;
 font-weight: bold;
 color:#777;
 }

 #tag-input input
 {
 border: 1px solid #ccc;
 color: #888;
 display: block;
 margin: 5px 0px;
 outline: 0px;
 padding: 3px;
 width: 157px;
 }
 
#tag_friend{
text-align:left; border-top:#CCCCCC solid 1px;border-bottom:#CCCCCC solid 1px; background:#EEEEEE; overflow:hidden; margin:4px 0; width:97%;
} 

#tag_friend p{
width:140px; float:left; color:#777; font:normal 12px Tahoma; height:20px;}
#tag_friend input
 {
 border: 1px solid #ccc;
 color: #888;
 display: block;
 margin: 4px 0px;
 outline: 0px;
 padding: 1px;
 width: 15px;
 margin-right:5px;
 
 }


 .hotspot
 {
 border-width: 0px;
 height: 100px;
 width: 100px;
 position: absolute;
 }


.hotspothover
 {
 border: 4px solid #fff;

 }

 
 .hotspot span { display: none; }
 .hotspot:hover span, .hotspothover span
 {
 background: #000;
 display: block;
 font-weight: bold;
 padding: 3px 0px;
 text-align: center;
 color:#FFFFFF;
 }

 .remove { color: #3B5998; cursor: pointer; font:normal 12px Tahoma;}
.remove:hover{ text-decoration:underline;}

.comment{width:100%; margin:5px 0 10px 0; float:left;}
.text{float:left; width:76%;}
.picture{ width:21%; float:right;}
.text_inner{float:left; margin-bottom:20px;}
.text_image{float:left;width:50px; padding-left:10px; margin-right:10px;}
.text_content{ border-top:#3B5998 solid 1px; width:450px; float:left;font:normal 12px Tahoma; color:#000000;}
.text_content p{ padding:10px;}

.s_img_in{ border:#D4D4D4 solid 1px;}
.s_img_in:hover{border:1px solid #3B5998;}