[Deff]

bayanruby,

<style>
.image.UP,
.image.Down {
   
   border:2px solid transparent;
   margin:0;
   padding:0;
}
.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   opacity:1.0;
   transition-duration: 0.66s;
  -webkit-transition-duration: 0.66s;
  -moz-transition-duration: 0.66s;
  -o-transition-duration: 0.66s;
}
.image.UP:hover {
opacity:0.00;
   transition-duration: 0.66s;
  -webkit-transition-duration: 0.66s;
  -moz-transition-duration: 0.66s;
  -o-transition-duration: 0.66s;
}

div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
</style>

<div  class=ImgWrap>
<img class="image UP" src="http://uploads.ru/i/i/n/D/inDOK.png"/><img class="image Down" src="http://uploads.ru/i/3/E/W/3EWuB.png"/><br />
</div>