Como por efeito opacity nas imagens

Hey girls!!!

Hoje trago um tuto bem fácil de fazer, mas eu não utilizei o tuto aqui no Sonhando Nas Nuvens...

              Como por efeito opacity nas imagens                                                        

Vá em Designer >> Modelo >> Editar HTML >> Aperte F3 >> Procure por:

]]></b:skin>

Depois acima desse código cole esse:

 .main img {
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
}
.main img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
duration: 50s;
}

E pronto! Agora suas imagens já tem opacidade *-*