$(document).ready(function() {
  
	$(".box-product > div").hover(
  function () {
 
   $(this).siblings().stop().animate({
  opacity: .6,

}, 500)
  },
  function () {
  
      $(this).siblings().stop().animate({
  opacity: 1,

}, 500)
   
  }
);
  
  
  	$(".product-grid > div").hover(
  function () {
 
   $(this).siblings().stop().animate({
  opacity: .6,

}, 500)
  },
  function () {
  
      $(this).siblings().stop().animate({
  opacity: 1,

}, 500)
   
  }
);
  
  
  $(".box-category > ul > li > a").hover(function () {
$(this).stop().animate({ left: "5" }, "fast"); },
function () {
$(this).stop().animate({ left: "0" }, "medium");
}); 
  

  
  
 });