.crp_related {
  clear: both;
  margin-bottom:5%;
  	font-size: 1.1EM;
	letter-spacing: 1px;
	font-weight:700;

	margin-left:20px;
	margin-right:30px;
}
.crp_related h3 {
	color: #323a4b !important;	
	letter-spacing: 1px;
	margin: 0 !important;
}
.crp_related ul {
  list-style: none;
  margin: auto !important;
}
.crp_related li, .crp_related a {
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.crp_related li {
  margin: 3px !important;
  border: 6px solid #ffffff;
  padding: 6px;
}
.crp_related li:hover {
  background: #ffffff;
  border-color: #ffffff;
}
.crp_related a {
  width: 150px;
  height: 150px;
  text-decoration: none;
}
.crp_related a:hover {
  text-decoration: none;
}
.crp_related img {
  max-width: 150px;
  margin: auto;
}
.crp_related .crp_title {
  position: absolute;
  height: 150px;
  bottom: 6px;
  left: 6px;
  padding: 15px;
  width: 150px;  /* = 150px - (3px * 2) */
  color: #fff;
  font-weight:600;
  text-transform:uppercase;
  font-size: .8em;
  letter-spacing:1PX;
  text-shadow: #000 .1em .1em .2em;
  background: rgb(0.5, 0.5, 0.5);
  background: rgba(102, 104, 94, 0.6);
}

.crp_related li:hover .crp_title {
  background: rgb(0.2, 0.2, 0.2);
  background: rgba(102, 104, 94, 0.8);
}

.crp_related .crp_thumb, .crp_related li, .crp_related .crp_title {
  vertical-align: bottom;
}

.crp_clear {
	clear: both;
	
}