Rallentare l' effetto opaco sui tasti di navigazione

Salve, ho un codice per ottenere l' effetto opaco sui tasti di navigazione, ossia questo:

Codice:

ul.linklist li a img {
filter:alpha(opacity=90);
-moz-opacity: 1.0;
opacity: 1.0;
}

ul.linklist li a img:hover {
filter:alpha(opacity=50);  
-moz-opacity: 0.65;  
opacity: 0.65;
position: relative;
top: -0px;
cursor:allowed;
}

funziona perfettamente però mi piacerebbe che al passaggio del mouse l' effetto opaco apparisse in maniera più lenta, come nel forum di @sogniriflessi per farvi capire meglio, che però ha una versione diversa dalla mia.
Io ho la phpbb3.
Spero di essermi spiegata bene e che qualcuno possa aiutarmi.
Intanto vi ringrazio anticipatamente!

Ciao utilizza questo:

Codice:

ul.linklist li a img:hover {
filter:alpha(opacity=50);  
-moz-opacity: 0.65;  
opacity: 0.65;
position: relative;
top: -0px;
cursor:allowed;
transition-duration: 1s;
}

Praticamente devi aggiungere "transition-duration: 1s;" nella parte di CSS che vuoi rallentare. 1s indica la durata (1 secondo), ma si può aumentare / diminuire.

Dimmi se ci riesci e se è quello che cercavi

Devo aggiungere questa parte di codice a quello che ho già o lo devo sostituire con questo che mi hai dato tu?

EDIT: forse credo di aver capito che và aggiunta solo la parte per rallentare, giusto?

Giusto, devi aggiungere solo la parte per rallentare

Se l'aggiungi a ul.linklist li a img:hover, l'effetto rallenta quando ci passi sopra con il mouse, se lo aggiungi a ul.linklist li a img, l'effetto rallenta anche quando togli il mouse dal bottone / contenuto

Fantastico  era proprio quello che volevo ottenere!  
Grazie mille! 

Prego! Yeah