使用fancybox效果为缩略图添加不透明度悬停效果

Question

我正在尝试将带有小文本的不透明悬停效果添加到具有fancybox效果的缩略图。我不太了解jquery所以css方法会更好。

我找到了另一个论坛，上面写着用我的img元素添加一个淡入淡出类的css：

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}

      .fade:hover {
       opacity: 0.5;}

但这没有效果。有什么想法吗？