<?if($IMG_URL1$)?><ul class="hoverbox">   
   <li>   
   <a href="#">   
   <img src="$IMG_URL1$" border="0" alt="$TITLE$" />   
   <img class="preview" src="$IMG_URL1$" border="0" alt="$TITLE$" />   
   </a>   
   </li>   
   </ul>
<?endif?>

<style>
/* 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;}                    
     /* ----------------- */
</style>