/* =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>