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


.hoverbox a {
    cursor: default;
    color:black;
  }


.hoverbox a .preview {
    display : none;
    
  }


.hoverbox a:hover .preview {
    display: block;
    position: absolute;
    top: -150px;
    left: -145px;
    z-index: 1;
   }

.hoverbox a:visited {
   color:black;
}
.hoverbox img {
    background: #fff;
    border-color: #aaa #ccc #ddd #bbb;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 1px;
    vertical-align: top;
   
  }


.hoverbox li {
    background: #eee;
    border-color: #ddd #bbb #aaa #ccc;
    border-style: solid;
    border-width: 1px;
    color: inherit;
    display: inline;
    float: left;
    margin: 5px;
    padding: 5px;
    position: relative;
    text-align:center;
  }

.hoverbox .thumb{
   width: 200px;
    height: 155px;
}
.hoverbox .preview {
    border-color: #000;
    width:555px;
  }