@media only screen and (max-width: 479px) {
	div.sp-google-map{
		height: 400px;
	}
}

div.imgbox{
  position: relative;
}

div.img_top{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background-color: rgba(0,0,0,0.5);
  padding: 5px;
  width: 98%;
  height: 33%;
  line-height: 25px;
  color:#fff;
 -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

div.img_top:hover{
 background-color: rgba(0,0,0,0.8);
}

div#topics div.box{
	margin: 5px;
    width: 90%;
    margin: auto;
    padding: 5px;
    border: 1px solid #CCC;
    background-color: #f5f5f5;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
div#topics div.box:hover{
	border: 1px solid #777;
}
div#topics div.comments-likes{
	float: right;
	font-size: 18px;
	margin: 5px 10px 10px 10px;
}