.content_box {
  height: 250px;
  min-width: 60%;
  width: 1000px;
  margin: 10px 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

.content_box>img {
  height: inherit;
  width: 250px;
  box-shadow: 0px 0px 4px #aaaaaa;
  border-radius: 5px 0px 0px 5px;
  float: left;
}
.content_box>#text {
  padding: 0px 30px;
  height: 130px;
  overflow: hidden;
  text-align: justify;
  position: relative;
  font-size: 17px;
}
.content_box>#text>#overlay {
  background-image: linear-gradient(#ffffff00, #ffffffC0, #ffffffff);
  padding: 0px 20px;
  height: 50%;
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0px;
}

.content_box:hover {
  box-shadow: 0px 0px 8px #888888;
  cursor: pointer;
}

#index {
  background-color: #22cee8;
}