[Resolvido] Remover opacidade de um elemento...

Fala galera,

to com uma dúvida simples, mas como estou começando com jquery queria uma ajuda.

Eu tenho uma barra escura em um slide show com uma navegação de 3 slides (veja imagem abaixo).

/applications/core/interface/imageproxy/imageproxy.php?img=http://img687.imageshack.us/img687/7296/slide1c.gif&key=ce59afd7bbe2043f638691cde27665ada9c8c3f0d6d708fe37f85787be761a00" alt="Imagem Postada" />

Este é o xhtml do slide:

<div id="slide">
 <ul>
 <li><img src="img/img1.jpg" alt="" title="" /></li> <!-- Imagens em lista ordenada -->
 </ul>
 <div class="detalhes">
 <ul>
 <li><a href="" class="ativo" title="">1</a></li>
 <li><a href="" title="">2</a></li>
 <li><a href="" title="">3</a></li>
 </ul>
 <h3>Descrição</h3>
 </div>
	</div>

(function($) {
	$(document).ready(function() {
 $('#slide .detalhes').fadeTo('fast', 0.8);
	});
})(jQuery);

/applications/core/interface/imageproxy/imageproxy.php?img=http://img697.imageshack.us/img697/305/slide2z.gif&key=332ec078e0f7b039ec579418a4f1ef50d533921b2d7e77e3430ebffaa9df0f1f" alt="Imagem Postada" />

Pergunta: Como deixar só a barra opaca e os números sem opacidade como na primeira imagem?