<code>.item:hover {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
    }
</code>

¿Por qué esto solo anima la opacidad cuando me desplazo pero no cuando dejo el objeto con el mouse?

Demo aquí:http://jsfiddle.net/7uR8z/

​