.hoverbox a .previewA {
   display: none;
}

.hoverbox a:hover .previewA {
   display: block;
   position: absolute;
   top: 25px;   /* era -33px */
   left: 130px;   /* era -45px */
   width:660px;
   height:439px;
}

.hoverbox a .previewB {
   display: none;
}

.hoverbox a:hover .previewB {
   display: block;
   position: absolute;
   top: 25px;   /* era -33px */
   left: 330px;   /* era -45px */
   width:292px;
   height:439px;
}

.hoverbox a .previewC {
   display: none;
}

.hoverbox a:hover .previewC {
   display: block;
   position: absolute;
   top: 10px;   /* era -33px */
   left: 10px;   /* era -45px */
    width:600px;
   height:450px;
}

.hoverbox a .previewD {
   display: none;
}

.hoverbox a:hover .previewD {
   display: block;
   position: absolute;
   top: 10px;   /* era -33px */
   left: 220px;   /* era -45px */
    width:337px;
   height:450px;
}

.hoverbox img {
   border: 1px solid red;   /* era #AAA #CCC #DDD #BBB */
   width: 25px;   /* era 100px */
   height: 25px;   /* era 75px */
}