.hoverbox { cursor: default; list-style: none; direction: ltr; }
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: -45px; left: -60px; z-index: 1; }
.hoverbox img { background: #F4C493; border: solid 1px black; color: inherit; padding: 2px; vertical-align: top; width: 120px; height: 90px;}
.hoverbox li { color: inherit; display: inline; margin: 3px; position: relative; padding: 0;}
.hoverbox span { display: block; position: relative; top: 0px; width: 120px;text-align: center;font-size:10px;color:#000;}
.hoverbox .preview {	border: 1px solid black; width: 240px; height: 180px;  }