.element {
        width:275px;
        margin:0px 0px 10px 0px;
        border:0px solid #eeeeee;
        border-radius:3px;
        outline:none;
        overflow:hidden;
  }

  .element .image-block {
        position:relative;
        width:275px;
  }

  .element .image-block img {
        width:275px !important;
        height:auto;
        display:block;
        border-radius: 0px !important;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; 
  }

  .element .image-block img:hover {
        cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
  }

  .element .title-block {
        position:absolute;
        
        left:0px;
        width:100%;
        padding-top:5px;
        height:30px;
        bottom:-35px;
        background: rgba(0,0,0,0.8)  !important;
         -webkit-transition: bottom 0.3s ease-out 0.1s;
     -moz-transition: bottom 0.3s ease-out 0.1s;
     -o-transition: bottom 0.3s ease-out 0.1s;
     transition: bottom 0.3s ease-out 0.1s;
  }

  .element:hover .title-block {bottom:0px;}

  .element .title-block a, .element .title-block a:link, .element .title-block a:visited {
        position:relative;
        margin:0px;
        padding:0px 1% 0px 2%;
        width:97%;
        text-decoration:none;
        text-overflow: ellipsis;
        overflow: hidden; 
        white-space:nowrap;
        z-index:20;
        font-size: 16px;
        color:#0074A2;
        font-weight:normal;
  }



  .element .title-block a:hover, .element .title-block a:focus, .element .title-block a:active {
        color:#2EA2CD;
        text-decoration:none;
  }