Hover 2nd Image Code

.hoverbox {
 position: fixed;
 background-image:url('');
 border-radius: ;
 border: px solid #a5adb3;
 opacity: 0;
 width: 1030px;
 height: 672px;
 padding: 5px;
 left: 250px;
 top: 0px;
 font-family: arial;
 font-size: px;
 color: #;
 letter-spacing: 0px;
 -webkit-transition: all .7s ease-in-out;
 }
 .hoverbox:hover {
 opacity: 1;
 top:  0px;
 }
 .hoverbox b {
 color: # ;
 font-family: calibri;
 font-size: px;
 line-height: 10px;
 text-transform: ;
}

			</style>




<div class="hoverbox">
<div style="float: left; width: 900px; height: 600px; overflow: auto; overflow-x: hidden; border: solid px #a5adb3; line-height: 8px;"><span style="font-family: andale mono,times; font-size: 12; color: #858585;"> <img src="IMAGE 2" alt="" width="" height="" /></span></div>
</div>