My codes below is to fade in .portfolio image when the page load but with opacity of 0.8,

but when I add a hover effect on each of the image, the opacity will not reset to 1 even when I have opacity set to 1.0..... and when hover out the image look lighter. How do you overcome this?

1. $(".portfolio").hide();
   $(".portfolio").fadeTo(1000, 0.8);
   
   
   
   
   $(".portfolio a").hover( function(){ 
   $(this).children("img").animate({ opacity: 1.0 }, "fast"); 
   }, function(){ 
   $(this).children("img").animate({ opacity: 0.8 }, "slow"); 
   });