.explain{
   width:260px;
   height:200px;
   overflow:hidden;
   margin:8px 5px;
} 
 

 
.images-content{ 
top:155px;
background:rgba(248,248,255,.7);
height:200px; 
position:relative;
width:265px;
z-index:1;
transition:0.6s linear;
overflow:hidden;
} 


.images-content>h5{
 height: 20px;
 line-height: 20px;
 padding-bottom:15px;
 padding-left:20px;
 text-align:left;
 color:black;
}

.images-content>p{
   display:none
}


.images-wrapper{ 
position:absolute; 
width:260px;
height:200px;
z-index:0
}

.explain:hover .images-content{
background: rgba(0,0,0,.4); 
color:white;
height:200px; 
line-height: 50px; 
width:260px;
top:0px;
font-size:14px;
}

.explain:hover .images-content>h5{
   color:white;
   margin-top:15px;
   margin-bottom:20px;
}

.explain:hover .images-content>p{
   color:white;
   display:block;
   word-wrap:break-word;  
   word-break:break-all; 
   line-height:10px;
   padding-left:20px;
   padding-right:20px;
}