.hoverbox, .hoverboxSM, .hoverboxXS{
cursor: default;
list-style: none;
}
.hoverbox a, .hoverboxSM a, .hoverboxXS a{
cursor: default;
}
.hoverbox a .preview, .hoverboxSM a .preview, .hoverboxXS a .preview{
display: none;
}
.hoverbox a:hover .preview{
display: block;
position: absolute;
top: -35px;
left: -53px;
z-index: 1;
}
.hoverboxSM a:hover .preview{
display: block;
position: absolute;
top: -70px;
left: -105px;
z-index: 1;
}
.hoverboxXS a:hover .preview{
display: block;
position: absolute;
top: -53px;
left: -80px;
z-index: 1;
}
.hoverbox img{
background: #fff;
color: inherit;
vertical-align: top;
width: 315px;
height: 210px;
}
.hoverboxSM img{
background: #fff;
color: inherit;
vertical-align: top;
width: 210px;
height: 140px;
}
.hoverboxXS img{
background: #fff;
color: inherit;
vertical-align: top;
width: 160px;
height: 105px;
}
.hoverbox li, .hoverboxSM li, .hoverboxXS li{
color: inherit;
display: inline;
float: left;
position: relative;
}
.hoverbox .preview, .hoverboxSM .preview{
border-color: #000;
width: 420px;
height: 280px;
}
.hoverboxXS .preview{
border-color: #000;
width: 320px;
height: 210px;
}