Новый вид фотоальбома

.expgaller:hover .blockimage_s:not(:hover){-webkit-filter:blur(2px) grayscale(2);opacity:.7}
div.blockimage_s:hover {visibility:visible}
.blockimage_s{position:relative}
.photouds {  
  width:150px;  
  overflow:hidden;
  padding: 0px 0px 0px 0px;  
}
.photouds a:link,.photouds a:visited {color:#bababa;}
.photouds a:hover {color:#03a5d7;}
.photouds div { float:left;width:150px; height:120px;overflow:hidden; position:relative; margin: 5px 5px 5px 5px; }
.photouds span {float:left;width:100%; left: 0px; bottom: 0px;position:absolute; background: url(http://updatesite.ru/demo/img/3/pix_title.png) repeat;
  padding: 4px 0px 4px 0px; font: 9px Verdana,Arial,Helvetica, sans-serif; text-align: center; color: #eee;
}
a.photoprevuds:link,a.photoprev1:active,a.photoprev1:visited{color:#bababa;}
a.photoprevuds:hover{color:#818181;}

<div align="center" class="blockimage_s">
<div class="photouds">
<div style="background: #aaa;">
<a title="Размер: $PHOTO_SIZE$" href="$PHOTO_URL$">$PHOTO$</a>
<span title="$PHOTO_NAME$"><a class="photoprevuds" href="$PHOTO_URL$"><b><?if($PHOTO_NAME$)?><?if(len($PHOTO_NAME$)>15)?><?substr($PHOTO_NAME$,0,14)?>...<?else?>$PHOTO_NAME$<?endif?><?else?>Без названия<?endif?></b></a>
<a style="padding: 0px 0px 0 8px;" title="Увеличить" target="_blank" href="$PHOTO_LIGHTBOX_URL$"><img src="http://updatesite.ru/demo/img/3/imageshowprevimg.png"></a></span>
</div>  
</div>
<?if($MODER_PANEL$)?><div style="position:absolute;z-index:30;">$MODER_PANEL$</div><?endif?>  
</div>

<table border="0" width="100%" cellspacing="1" cellpadding="2"><tbody>
<tr><td align="center" class="expgaller">$BODY$
</td></tr></tbody></table>