.hoverbox
{
  cursor: default;
  list-style: none;
}

.hoverbox a
{
  cursor: default;
}

.hoverbox a .preview
{
  display: none;
}

.hoverbox a:hover .preview
{
  display: block;
  position: absolute;
  top: -100px;
  left: -50px;
}
.hoverbox img
{
  background: #fff;
  border-style: solid;
  border-width: 0px;
  color: inherit;
  padding: 0px;
  vertical-align: top;
  z-index:1;
  /*width: 100px;
  height: 75px;*/
}

.hoverbox li
{
  background: white;
  border-color: #ddd #bbb #aaa #ccc;
  border-style: solid;
  border-width: 0px;
  color: inherit;
  float: left;
  margin:5px;
  padding: 0px;
  position: relative;
  height:133px;
}

.hoverbox .preview
{
  border-color: #000;
  border:5px solid grey;
  /*width: 250%;
  height: 250%;*/
}