<style type="text/css">
  .imgteaser { /* общий блок */
  overflow: hidden;
  position: relative;
  }
  .imgteaser a {text-decoration: none;}
  .imgteaser a:hover {cursor: pointer;}
  .imgteaser a img { /* изображение */
  background-color: #666;  
  border: none;
  margin: 1px;
  padding: 3px;  
  width: 220px;  
  }
  .imgteaser a .more { /* "подробнее" */
  background-color: #123;  
  color: #FFF;
  font-size: 14px;
  padding: 5px 5px;
  filter:alpha(opacity=65);  
  opacity:.65;  
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=65)';  
  position: absolute;
  bottom: 17px;
  left: 0px;
  right: 0px;
  width: 221px;  
  }

  .imgteaser a .desc {display: none;}
  .imgteaser a:hover .more {visibility: hidden;}

  .imgteaser a:hover .desc { /* прозрачная область */
  background-color:#660000;  
  display: block;
  margin: 1;
  width: 215px;  
  color: #FFF;
  font-size: 12px;
  padding: 5px;
  filter:alpha(opacity=75);
  opacity:.75;

  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  position: absolute;
  bottom: 5px;
  left: 3px;
  right: 0px;
  }

  .imgteaser a:hover .desc strong { /* заголовок */
  display: block;
  font-size: 10px;
  line-height: 2em;
  }
</style>

<div style="width:50%;float:left;">
<div class="imgteaser" width="50%">
  <a href="$ENTRY_URL$">
  <img border="0" height="200" width="141" src="$SCREEN_URL$" />
  <span class="desc"><strong>$TITLE$</strong><i style="font-size:6pt;float:right;padding-right:7px;">смотреть онлайн</i></span>
  </a>
</div></div>