* =Hoverbox Code      
----------------------------------------------------------------------*/      

.hoverbox      
{      
      cursor: default;      
      list-style: none;      
}      

.hoverbox a      
{      
      cursor: default;      
}      

.hoverbox a .preview      
{      
      display: none;      
}      

.hoverbox a:hover .preview      
{      
      display: block;      
      position: absolute;      
      top: -33px;      
      left: -45px;      
      z-index: 1;      
}      

.hoverbox img      
{      
      background: #fff;      
      border-color: #a6dcf5;      
      border-style: solid;      
      border-width: 1px;      
      color: inherit;      
      padding: 2px;      
      vertical-align: top;      
}      

.hoverbox li      
{      
      background: #eaf8fe;      
      color: inherit;      
      display: inline;      
      float: left;      
      margin: 3px;      
      padding: 5px;      
      position: relative;      
}      

.hoverbox .preview      
{      
      border-color: #a6dcf5;      
}

<ul class="hoverbox">      
      <li>      
      <a href="#">      
      <img src="АДРЕСС КАРТИНКИ ПРЕВЬЮ" border="0" alt="ОПИСАНИЕ" />      
      <img class="preview" src="АДРЕСС ПОЛНОГО ИЗОБРАЖЕНИЯ" border="0" alt="ОПИСАНИЕ" />      
      </a>      
      </li>      
</ul>