.patt200px
{ display: inline-block; background: url("/img/rafbg.jpg") no-repeat; overflow: hidden;  text-align: left;}
.patt200px{ opacity: .9; background-position: 0px 0px; width:200px; height: 200px; cursor: pointer }
.patt200px:hover,.patt200px:focus
{opacity: 1.0;}
div.patt200px
{position: relative;text-decoration: none !important;text-align: left;margin-bottom:20px}
div.patt200px:after
		{
		 content: attr(title);
         position: absolute;
         z-index: 9999999;
         left: 0;
         bottom: 100px;
         padding: 0.5em 20px;
         background: rgba(0,0,0,0.8);
         text-decoration: none !important;
         color: #fff;
         opacity: 0;
         -webkit-transition: 0.5s;
         -moz-transition: 0.5s;
         -o-transition: 0.5s;
         -ms-transition: 0.5s;
        }
div.patt200px:after{width: 200px;}

div.patt200px:hover:after, div.patt200px:focus:after{opacity: .9;}

div.no-after:focus:after,div.no-after:hover:after{
    content: none!important;
    background: transparent!important;
    width: 0!important;
    height: 0!important;
}