<style>
.text_my {display:none;}
span:hover {word-spacing: 0}
span:hover .text_my {
width: 160px;
padding: 10px;
text-align: center;
height: 30px;
background: #121b2c;
opacity: 0.85;
font-size: 14px;
display: block;
position: absolute;
margin-top: -50px;
border-radius: 0 0 10px 10px;
color: white;
}
</style>
<span><img src="http://novickiy.ru/_ph/2/2/37827014.jpg" alt="Всплывающий блок" />
<span class="text_my">
<script type="text/javascript">(function(w,doc) {
if (!w.__utlWdgt ) {
<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="ya-share2" data-services="collections,viber,whatsapp,telegram"></div></span >
</span>