.blog .column3-3:hover .blogitem-text {
	min-height: 100%;
}

.blog .column3-3:hover .color-0 {
	background: hsla(0,10%,50%,0.9);
}

.blog .column3-3:hover .color-1 {
	background: hsla(80,10%,60%,0.9);
}

.blog .column3-3:hover .color-2 {
	background: hsla(120,10%,60%,0.9);
}

.blog .column3-3:hover .color-3 {
	background: hsla(180,10%,60%,0.9);
}

.blog .column3-3:hover .color-4 {
	background: hsla(240,10%,60%,0.9);
}

.blog .column3-3:hover .color-5 {
	background: hsla(300,10%,60%,0.9);
}

@-webkit-keyframes blogitem-previewtext {
  0%   { opacity: 0; }
  50%   { opacity: 0; }
  100% { opacity: 1;  }
}
@-moz-keyframes blogitem-previewtext {
  0%   { opacity: 0; }
  50%   { opacity: 0;  }
  100% { opacity: 1;  }
}
@-o-keyframes blogitem-previewtext {
  0%   { opacity: 0; }
  50%   { opacity: 0;  }
  100% { opacity: 1;  }
}
@keyframes blogitem-previewtext {
  0%   { opacity: 0; }
  50%   { opacity: 0;  }
  100% { opacity: 1;  }
}

.blog .column3-3:hover .blogitem-previewtext {
	opacity: 1;
	max-height: 300px;
	padding-top: 15px;
	border-top: 1px solid rgba(255,255,255,0.3);
}