.thumb {
position : relative;
display : inline-block;
overflow : hidden;
background-position : center center;
background-repeat : no-repeat;
background-size : cover;
margin : 0;
overflow: hidden;
}
.thumb.hide {
display : none;
}
.thumb.on {
outline : #ccc solid 2px;
}
.thumb.result {
outline : rgba(0, 173, 239, 1) solid 2px;
}


.thumb .overlay {
position : absolute;
width: 	100%;
height: inherit;
bottom : -200px;
left : 0;
background-color : rgba(0, 0, 0, 0.75);
color : white;
font-size : 12px;
text-align : left;
transition : bottom 0.5s ease-out;
}
.thumb:hover .overlay {
bottom : 0;
}

.thumb .overlay .content {
bottom : 0;
height : inherit;
left : 0;
position : absolute;
width : 100%;
opacity : 0;
transition : opacity 0.7s ease-in;
}
.thumb:hover .overlay .content {
opacity : 1;
}



.iOS .thumb .overlay {
bottom : 0px;
background-color : transparent;
}
.iOS .thumb .overlay .content {
opacity : 1;
}




.events .thumb .overlay {
	display: none;
}
.thumb .overlay.show {
bottom : 0 !important ;
}
.thumb .overlay.show .content {
opacity : 1;
}


.thumb .overlay .content {
bottom : 0;
height : inherit;
left : 0;
position : absolute;
width : 100%;
opacity : 0;
transition : opacity 0.7s ease-in;
}

.thumb .overlay.show .content {
opacity : 1;
}
.thumb:hover .overlay .content {
opacity : 1;
}
.thumb .overlay h3,
.thumb .overlay h4,
.thumb .overlay h5 {
margin: 10px 0 0 10px;	
}
.thumb .overlay h4 {
margin-top: 100px;	
}
.thumb .overlay h4 {
font-size: 0.6vw;
line-height: 0.6vw;
}
.thumb .overlay h3 {
font-size: 1vw;
line-height: 1vw;
margin: 10px 0 0 10px;
}
.thumb .overlay h3 span {
font-size: 0.6vw;
line-height: 0.4vw;

}
/*
.thumb .overlay h3 {
font-family : 'ralewaysemibold';
}
.thumb .overlay h5 {
font-family : 'ralewaylight';
font-size : 11px;
}
*/
.thumb .overlay .presenter-list {
position : absolute;
bottom : 65px;
font-size : 11px;
line-height : 10px;
}
.thumb .overlay .presenter-list .bold {
font-family : 'ralewaysemibold';
font-size : 12px;
margin-bottom : 2px;
}
/*
.thumb .overlay p {
margin-top : 10px;
}
*/
/*
.thumb .overlay .topic {
left : 0;
}
.thumb .overlay .info {
right : 0;
}
.thumb .overlay .bio {
left : 0;
}
*/

/*
.overlay .details, .preview .details {
float : left;
font-size : smaller;
margin-top : 20px;
text-transform : capitalize;
clear : left;
display : none;
}
*/
.overlay .details {
display : block;
position : absolute;
text-indent: 10px;
bottom : 40px;
width: 100%;
font-size: 0.6vw;
}
.preview #video-list .details {
margin-top : 10px;
float : right;
}


.overlay h4 {
position : absolute;
bottom : 65px;
}
.preview .id {
display : none;
}

.thumb {
	width: 31.8%;
	margin: 0;
	margin-right: 1%;
	margin-bottom: 1%;
}


.scroll-holder .thumb {
	width: 18%;
}
.overlay .button {
position : absolute;
bottom : 10px;
}

.overlay .button:nth-of-type(1){
	left: 10px;
}
.overlay .button:nth-of-type(2){
	right: 10px;
}