div .ccm-block-page-list-page-entry-grid-item{
	
	height: 200px;
	position: relative;
	display: inline-table;
    vertical-align:middle;
    text-align:center;
	
}
div.ccm-block-page-list-page-entry-grid-thumbnail {
  width: 270px;
height: 200px;
 display:table-cell;
    vertical-align:middle;
  
  
}
div.ccm-block-page-list-page-entry-grid-thumbnail a {
    
    display: block;
	margin: auto;
}
div.ccm-block-page-list-page-entry-grid-thumbnail img {
	display: block;
    max-width: 270px;
	max-height: 200px;
	width: auto;
	height: auto;
		padding-top: 10%;
			margin: auto;
			
  
}


div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0%;
    background-color: rgba(0,0,0,0.4);
    z-index: 2;
	  opacity: 1;

    transition-property: height;
    transition-duration: 1s;
    transition-timing-function: ease;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a:hover
div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
	height: 100% !important;
	
    opacity: 1;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title {
    display: table-cell;
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #e4b301;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title i {
    display: block;
}