CSS兄弟选择器w/Hover

所以这就是我要做的事情:

我有两个并排的图标,下面有两个隐藏的跨度.当我将鼠标悬停在图标上时,我想要显示相应的跨度.

------------ HTML部分-----------------

    
one
    
two



    
    

-------------- CSS部分--------------

span.popups span.one,span.popups span.two{opacity:0;

span.icons:first-child:hover + span.popups span.one{opacity:1}
span.icons:last-child:hover + span.popups span.two{opacity:1}

现在很明显这不太有效,我怎样才能使用CSS？

http://jsfiddle.net/RLhKK/