jQuery + CSS，在悬停时删除其他图像，具有类似淡入淡出的过渡

Firstly, What I'm trying to accomplish is when you hover over a thumbnail on the lower left, the other thumbnails will become black. However, what I have now seems wierd as the other images flashes back too quick and has no transition., What I'm trying to accomplish is when