<div class="hs_pos" id="hs_$NUMBER$"><span class="hs_p">$TITLE$</span><span class="hs_t">$NUMBER$-е место</span>
<div class="hu_s hu_$NUMBER$" onmouseover="utop($NUMBER$)"><div><a href="$ENTRY_URL$" title="$TITLE$. Просмотров: $READS$. Комментариев: $COMMENTS_NUM$." ><img src="$IMG_URL1$"></a></div></div>
</div>

.sh_utop {background:#fbfbfb;border:1px solid #d6dee7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height:181px;position:relative;}
.sh_utop * {transition: all linear .1s; -moz-transition: all linear .1s; -webkit-transition: all linear .1s; -o-transition: all linear .1s}
.shu_s {position:absolute;bottom:0px;width:20px;}
.shs_active .shu_s {padding-top:5px;}
.shu_s div {position:relative}
.shu_s a {position:absolute;width:124px;height:124px;display:inline-block;margin-left:-7px;margin-top:-30px;visibility:hidden;opacity:0;}
.shu_s a img {width:64px;height:64px;}
.shs_active .shu_s a {margin-top:-35px;opacity:1;visibility:visible;}
.shu_1 {left:14px;height:160px;background:#FF0000} и т.д.

<script>
function utop(nm) {$('#hs_1,#hs_2,#hs_3,#hs_4,#hs_5,#hs_6,#hs_7,#hs_8,#hs_9,#hs_10,#hs_11,#hs_12,#hs_13,#hs_14,#hs_15').attr('class','hs_pos');$('#hs_'+nm).addClass('hs_active');}
utop(1)
</script>