/*.grid {position: relative; margin: 0 auto; max-width: 1000px; list-style: none; text-align: center;}*/
/* Common style */
.grid .effect-oscar {position: relative;}
.grid .effect-oscar img {position: relative; display: block; /*min-height: 100%;*/ max-width: 100%; opacity: 0.8;}
.grid .effect-oscar .over-txt-block {padding-top: 32%; color: #fff; text-transform: uppercase; font-size: 15px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.grid .effect-oscar .over-txt-block::before, .grid .effect-oscar .over-txt-block::after {pointer-events: none;}
.grid .effect-oscar .over-txt-block, .grid .effect-oscar .over-txt-block > a {position: absolute; top: 0; left: 0; width: 100%;	height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.grid figure .view-txt-more {margin: 0; letter-spacing: 1px; font-size: 22px;}

/* Individual effects */
/*---------------*/
/***** Oscar *****/
/*---------------*/
.effect-oscar img {-webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
.effect-oscar .over-txt-block {padding: 3em; background-color: rgba(0,0,0,0.5); -webkit-transition: background-color 0.35s; transition: background-color 0.35s;}
.effect-oscar .over-txt-block::before {position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #fff; content: '';}
.effect-oscar .over-txt-block::before, .effect-oscar .view-txt-more {opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale(0); transform: scale(0);}
.main-block-cate.grid a:hover .over-txt-block::before, .main-block-cate.grid a:hover .view-txt-more {opacity: 1;	-webkit-transform: scale(1); transform: scale(1);}
.main-block-cate.grid a:hover .over-txt-block {background-color: rgba(0,0,0,0.7);}
.main-block-cate.grid a:hover img {opacity: 0.4;}