Opacidade nas imagens

Sabe o efeitozinho claro-escuro que aparece nas imagens do site Madly Luv quando se passa o mouse? Então, ensinarei como fazer ^^ É um CSS bem simples, veja só:

1º Abra seu CSS e coloque este código nele:

/****** opacidade - MADLYLUV.COM ******/
.opacidade
	{filter:alpha(opacity=82);
	-moz-opacity:0.82;
	opacity:0.82;}

.opacidade:hover
	{filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;}

2º Para colocar na imagem, coloque apenas class="opacidade". Mas, se você usa bordas nas imagens, coloque desta maneira:

<img src="http://imagem.jpg" class="borda ; opacidade">