JS
------------------------------------------------------------
 
$(".playbutton").hover(
  function(){   
   $('div.play', this).show();
  },
  function(){
   $('div.play', this).hide();
  }
 );
 
CSS
-----------------------------------------------------------
.play {
    background: url("../images/default/btn-play-big.png") no-repeat scroll center center transparent;
    height: 32px;
    margin: -62px 29px 0 31px;
    opacity: 0.8;
    position: relative;
    width: 32px;
    z-index: 100;
    display:none;
}
 
HTML
-------------------------------------------------
<div class="playbutton">
         <a href="ppvvideo_detail.php?product_id={product_id}&clip_id={more_id}">{photo_path}</a>
          <div class="play"></div>
         </div>

JQuery Show image on Mouse Hover

jQuery