.hoverbox {
  cursor: default;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
.hoverbox a {
  cursor: default;
}
.hoverbox a .preview {
  display: none;
}
.hoverbox a:hover .preview {
  display: block;
  position: absolute;
  top: -33px;
  left: 0px;
  z-index: 1;
}
.hoverbox img {
  border: 1px solid #cccccc;
  margin: 2px;
  padding: 2px;
  background: #ffffff none repeat scroll 0% 50%;
  color: inherit;
  vertical-align: top;
  width: 150px;
  height: 200px;
}
.hoverbox li {
  color: inherit;
  display: inline;
  float: left;
  position: relative;
}
.hoverbox .preview {
  border-color: #000000;
  width: 200px;
  height: 240px;
  position: relative;
  top: -200px;
}