/* tooltip styling */
.balloon {
z-index:999999;
display:none;
position: absolute;
background:#f7f7f7;
background-repeat: no-repeat;
width:200px;
height:360px;
padding:10px 13px;
font-size:11px;
color:#fff;
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
-ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
-o-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.balloon:after{
right: 100%;
top: 47%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(247, 247, 247, 0);
border-right-color: #f7f7f7;
border-width: 30px;
margin-top: -30px;
}
/* a .label element inside tooltip */
.balloon .label {
color:yellow;
width:35px;
}
.balloon img {
	width:100%;
	max-height:116px;
	cursor: pointer;
}
.balloon .title{
	padding:5px 0;
}
.balloon .title a {
	font-size:16px;
	font-weight:bold;
}
.comment{
	width: 200px;
	overflow: hidden;
	text-align: left;
	font-size:13px;
	color:#888;
	position:relative;
}
.comment.color{
	color:#888;
	font-size:15px;
	margin-top:5px;
	margin-bottom: 5px;
}
.favorite_btn{
	padding:6px;
}

/* ellipsis的な対応 for Chrome*/
/*#balloon_comment{
overflow: hidden;
height: 34px;
}
#balloon_comment:before {
content: "...";
position: absolute;
bottom:4px;
right:4px;
width: 15px;
height: 15px;
background:#f7f7f7;
display:block;
}*/

/* ellipsis的な対応

#balloon_comment{
overflow: hidden;
height: 33px;
height: 50px;
}
#balloon_comment:before {
content: "...";
position: absolute;
bottom:3px;
right:4px;
width: 15px;
height: 15px;
background:#f7f7f7;
display:block;
}
*/
#balloon_copyright{
	font-size:10px;
	padding:5px 0;
}