Twitter bootstrap 引导中的悬停效果

我试图在引导中为一部分缩略图应用一个简单的悬停效果

<div class="regionPage">
<section class="thumbs">    
    <h3>Full list:</h3>
        <div class="row">
            <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
                <a class="thumbnail" title="Afghanistan" href="../asia/afghanistan.php"><img src="../images/covers/afghanistanthumb.jpg" alt="Afghanistan"></a>
            </div>      
            <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
                <a class="thumbnail" title="Argentina" href="../samerica/argentina.php"><img src="../images/covers/argentinathumb.jpg" alt="Argentina"></a>
            </div>

完整列表：

---

也许只是让图像在悬停时稍微不透明。由于某些原因，我无法让它工作

只需按以下方式执行即可--

示例片段

。缩略图：悬停{
背景色：红色；
不透明度：0.5；
}

完整列表：

。缩略图：悬停{
背景色：红色；
不透明度：0.5；
}

完整列表：

请您也附上CSS好吗？