$(document).ready(function () { 


  //скрываем подпись и слайд затенения
  $(".colour").hide();
  $(".content").hide();
  
  
  
  //анимация при наведении курсора
  $(".png").hover(function() { 
  $("#hover").stop().show().css({ "left" : "-450px" }).animate({left : 0}, 300);
  $("#overlay").stop().fadeTo(500, .95)
  }


  //анимация при уходе курсора
  ,function() {
  $("#hover").stop().animate({left : 450}, 300);
  $("#overlay").stop().fadeTo(500, 0)
  });
$(".jpg").hover(function() {

 
  $("#hover2").stop().show().css({ "left" : "-450px" }).animate({left : 0}, 300);
  $("#overlay2").stop().fadeTo(500, .95)
  }


  //анимация при уходе курсора
  ,function() {
  $("#hover2").stop().animate({left : 450}, 300);
  $("#overlay2").stop().fadeTo(500, 0)
  });
});