CSS: непрозрачность перехода при отсутствии мыши?

.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;
    }
Почему это анимирует непрозрачность только при наведении курсора, но не когда я покидаю объект мышью?
Демо здесь: http://jsfiddle.net/7uR8z/
​