/* ---------------------------------- blocks --------------------------- */
.mainblock-wrapper {
    display: inline-block;
    width: 310px;
    vertical-align: top;
    margin: 3px;
    position: relative;
    height: 26em;
}

div#blocks {
    margin: 26px auto;    
    width: 948px;
}

.lighter {
    width: 100%;    
    height: 100%;                
    background-color: #fff;    
    opacity: 0.2;
    /* margin: -5px; */
}

.overlighter {
    position: absolute;    top: 0;    left: 0;
    margin: 8px;
}

div#blocks_wrapper {
    overflow: visible;
}

.mainblock-img {
    width: 291px;
    height: 193px;
    overflow: hidden;
    box-shadow: 4px 4px 10px #222;
    margin-bottom: 10px;
      cursor: pointer;
}

.mainblock-img img {
    width: 100%;
}

.mainblock-caption {
    color: #666;
    background-color: #dedede;
    margin: 16px -8px 10px -8px;
    padding: 12px 24px;
    font-size: 1.17rem;
    font-weight: bold;
    position: relative;
}

.mainblock-dl {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 24px;
}

.mainblock-text {
    font-size: 1.17rem;
    color: #fff;
    padding: 0 1em;
    font-weight: bold;
}