<div class="p-files">  
<div class="p-files-header"></div>  
<div class="p-files-body">  
<div class="p-files-im"><a href="$ENTRY_URL$"><img src="$IMG_URL1$"></a></div>  
<div class="p-files-sp">  
<div class="p-sp"><a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></div>  
<div class="p-sp"><a href="$CATEGORY_URL$" title="$CATEGORY_NAME$">$CATEGORY_NAME$</a></div>  
<div class="p-sp">ПРОСМОТРОВ: <span>$READS$</span></div>  
<div class="p-sp">ЗАГРУЗОК: <span>$LOADS$</span></div>  
</div>  
</div>  
<div class="p-files-footer"></div>  
</div>

.p-files { width: 222px; opacity: 0.7; -webkit-transition: 0.7s; }
.p-files:hover { opacity: 1.0; -webkit-transition: 0.7s;}
.p-files-header { background: url(http://img.cstav.ru/uCoz/7_infor/1/bg-inf-header.png) no-repeat 0 0; height: 16px; }
.p-files-body { background: url(http://img.cstav.ru/uCoz/7_infor/1/bg-inf-body.png) repeat-y; }
.p-files-footer { background: url(http://img.cstav.ru/uCoz/7_infor/1/bg-inf-footer.png) no-repeat 0 0; height: 16px; }
.p-files-im img { padding: 8px 7px; float: left; background: url(http://img.cstav.ru/uCoz/7_infor/1/p-files-im-bg.png) no-repeat 0 0; margin-left: 10px; width: 50px; height: 48px;}
.p-files-sp { overflow: hidden; }
.p-sp { background: url(http://img.cstav.ru/uCoz/7_infor/1/p-files-st.png) no-repeat 0 0; padding-left: 14px; ; color: #89adbd; font-size: 12px; margin: 3px 0px 8px 14px; height: 9px; line-height: 10px; font-style: italic;}
.p-sp span { color: #fff;}
.p-sp a { text-decortation: none; color: #fff; }