#umg_list a{
    position:relative;
    max-width:150px;
    max-height:150px;
    overflow:hidden;
    display:block;
    background-color:#333;
    text-align: center
}

#umg_list img {
    margin-left:auto;
    margin-right:auto;
    
/*    float:right;*/
}
.umg_caption p {
    color: #FFF;  
    font-family: Courier New; /*Georgia, Helvetica, Arial, sans-serif;*/
    line-height: 1.0;
    margin-bottom:0;
    padding:0;
    font-size:16px;
    font-weight:bold;
}

.umg_caption   
{
    text-align: left;
    background-color: rgba(100,100,100,0.75);
    position: absolute;  
    color: #FFF;  
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 2px 4px 2px 4px; 
    font-size:0.8em;
    opacity: 0;
    -webkit-transition: all 450ms ease-out;
    -moz-transition: all 450ms ease-out;
    -o-transition: all 450ms ease-out;
    -ms-transition: all 450ms ease-out;
    transition: all 450ms ease-out;
    max-width:100%;
    text-shadow:   0 0 1px #000,
                   0 0 3px #000,
                   0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 30px #fff,
                   0 0 40px #00ff00,
                   0 0 70px #00ff00,
                   0 0 80px #00ff00,
                   0 0 100px #00ff00,
                   0 0 150px #00ff00;
}  
.umg_caption p 
{
    margin-right:0;
}
#umg_list a:nth-child(even) > .umg_caption, .umg_caption.even
{
    text-align: right;
    text-shadow: 0 0 1px #000,
                    0 0 3px #000,
                    0 0 10px #fff,
                   0 0 20px #fff,
                   0 0 30px #fff,
                   0 0 40px #ff00de,
                   0 0 70px #ff00de,
                   0 0 80px #ff00de,
                   0 0 100px #ff00de,
                   0 0 150px #ff00de;
}

#umg_list a:hover .umg_caption {  
    opacity: 0.999;  
}