img {
    max-width: 100%;
    height: auto;
}

::selection {
    background: #CF8A05;
    color: #E7E7E7;
}
::-moz-selection {
    background: #CF8A05;
    color: #E7E7E7;
}


.block_holder {
    padding: 2px;
    background: #fff;
    -webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    float: left;
	width:178px;
	height:130px;
}


.hover_block {
    position: relative;
    overflow: hidden;
}

.hover_info {
    width: 350px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
}


.hover_info p { font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; line-height:18px; color: #fff;position: absolute; top: 5px; left: 20px; width: 140px; text-align: center; opacity: 0; transition: opacity 100ms linear; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; }
.hover_info a { font-size: 1.5em; padding: 5px 5px; background: rgba(207, 138, 5, 0.7); color: #E7E7E7; position: absolute; top: 25px; right: -100%; font-size:14px; font-family:Arial, Helvetica, sans-serif; top:90px; }

.hover_info:hover p { opacity: 1; transition-delay: 600ms; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; }
.hover_info:hover a { right:63%; transition: right 200ms linear 700ms, color, background 200ms linear; -webkit-transition: right 200ms linear 700ms, color, background 200ms linear; -moz-transition: right 200ms linear 700ms, color, background 200ms linear; }
.hover_info a:hover { background: rgba(207, 138, 5, 1.0); color: #F7F7F7; }



.block_8 .circle_over { 
    border-radius: 50% 50% 50% 50%; 
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8) inset; 
    height: 175%;
    width: 125%;
    position: absolute;
    top: -37.5%;
    left: -12.5%;
    transition: all 250ms linear;
    -webkit-transition: all 250ms linear;
}
.block_8:hover .circle_over {
    box-shadow: 0 0 0 220px rgba(0, 0, 0, 0.8) inset;
}