Всплывающая подсказка для картинки

<style>
#character {
width: 100%;
border-top: 1px dotted rgb(51, 51, 51);
display: inline-block;
}

.character_2 {
float:left;
margin-left:15px;
height:120px;
width:90px;
position:relative;
top:15px;
margin-bottom: 10px;
}
    
.character_2 img {
height:120px;
width:90px;
border: 1px solid rgb(238, 238, 238);
}

.character_3 {
display: none;
position: absolute;
margin-left: -127.5px;
bottom: 119px;
width: 350px;
background: rgba(0, 0, 0, 0.75);
box-shadow: 0 0 5px 0 rgb(112,112,112);
z-index: 9999;
text-align: left;
padding: 5px;
color: #FFF;
}

.character_3 img {
height:200px;
width:145px;
float:left;
margin-right: 5px;
}

.arrow_box, .arx2 {
position:absolute;
background:rgb(255,255,255);
bottom:0px;
left:50%;
margin-left:-5px;
}

.arx2 {
left: 10px;
margin: 0;
}

.arrow_box:after, .arrow_box:before, .arx2:after, .arx2:before {
top:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}

.arrow_box:after, .arx2:after {
border-color: rgba(255,255,255,0);
border-top-color: rgba(0, 0, 0, 0.55);
border-width: 10px;
margin-left: -10px;
}

.arrow_box:before, .arx2:before {
border-color: rgba(166,166,166,0);
border-top-color: rgba(0, 0, 0, 0.16);
border-width: 11px;
margin-left: -11px;
}

.arx2:after {
border-width: 6px;
margin-left: -6px;
}
                            
.arx2:before {
border-width: 7px;
margin-left: -7px;
}
</style>
 <div align="left" style="margin:300px;padding: 0 10px;">
 <div style="font-size: 18px; font-family: tahoma;">Персонажи</div>
   <div id="character">
    <div class="character_2"><img alt="Токо Фуками" src="http://anime-rus.ru/IMEG/po-tu-storonu-stekla-toko.jpg" /><div class="character_3"><img alt="Токо Фуками" src="http://anime-rus.ru/IMEG/po-tu-storonu-stekla-toko.jpg" />Имя: <b>Токо Фуками</b><br />Сэйю: <b>Фукагава Сэрия</b><br />Девушка, мечтающая стать стеклодувом. Любит спокойно посидеть в кафе с друзьями.<div class="arrow_box"></div></div></div><div class="character_2"><img alt="Какэру Окикура" src="http://anime-rus.ru/IMEG/po-tu-storonu-stekla-kakeru.jpg" /><div class="character_3"><img alt="Какэру Окикура" src="http://anime-rus.ru/IMEG/po-tu-storonu-stekla-kakeru.jpg" />Имя: <b>Какэру Окикура</b><br />Сэйю: <b>Осака Рёта</b><br />Довольно странный (говорит, что слышит голоса из будущего) переведённый ученик.<div class="arrow_box"></div></div></div>
</div>
</div>

<script>
$('.character_2').hover(function () {
$('.character_3').slideUp();
$(this).find('.character_3').slideDown('fast')
},
function () {
$('.character_3').slideUp('fast')
});
$('.character_2').click(function () {
$('.character_3').slideUp();
$(this).find('.character_3').slideDown('fast')
});
</script>