div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a {
    position: relative;
    display: table;
}

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

div.ccm-block-page-list-page-entry-grid-thumbnail a:hover
div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    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%;
	max-height: 240px !important;
    vertical-align: top !important;
    text-align: center;
    color: #fff;
	padding-top: 50px;
}

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

div.ccm-block-page-list-page-entry-grid-item {
	overflow: hidden;
	height: 222px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle !important;
}

	@media (min-width: 480px) and (max-width: 767px) {
		div.ccm-block-page-list-page-entry-grid-item {
			height: 300px;
		}
	}

	@media (min-width: 768px) {
		div.ccm-block-page-list-page-entry-grid-item {
			height: 144px;
		}
	}

	@media (min-width: 992px) {
		div.ccm-block-page-list-page-entry-grid-item {
			height: 185px;
		}
	}

	@media (min-width: 1200px) {
		div.ccm-block-page-list-page-entry-grid-item {
			height: 222px;
		}
	}

div.ccm-block-page-list-page-entry-grid-item img {
	box-shadow: 0px 0px 5px #ccc;
	vertical-align: middle !important;
}