html - ホバーを外すと CSS3 RotateY が終了します

Question

ここに私のコードが来ます：

#body #body3 #big .item {
    display: block;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out;
}

#body #body3 #big .item:hover {
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}

問題は、アイテムにカーソルを合わせると回転しますが、マウスを離すとすぐに元の状態に戻ることです。では、ホバーを外しても360度の回転を終了させるにはどうすればよいですか?