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