/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox{
cursor: default;
list-style: none;
clear:both;
position:relative;
height:630px;
}

.hoverbox a{
cursor: default;
}

.hoverbox a .preview{
display: none;
}

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

.hoverbox img{

/*background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 0px;*/

color: inherit;
padding: 1px;
vertical-align: top;
width: 40px;
height: 40px;	
}

.hoverbox img.yBar{
padding: 0;
width: 20px;
height: 40px;	
}

.hoverbox li{

/*background: #000;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 0px;*/

color: inherit;
display: inline;
float: left;
margin: 0px;
padding: 0px;
position: relative;
}

.hoverbox .preview{
border-color: #000;
width: 87px;
height: 87px;
}