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