.hide-bullets {
    list-style:none; 
}

.thumbnail {
    padding: 0;
    width: 162px;
    height: 162px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}



.preview-photo-title{
    position: absolute;
    bottom: 0;
}
.thumbnail img {
    max-width: 150%;
    max-height: 150%;
    /*margin: 0 0 0 -30px;*/
}

.carousel-inner{
    background-color: #000;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    max-height: 75vh; 
    max-width: 85vw; 
    display: inline;
}
.carousel .item{
    text-align: center;
}
.page-content img:nth-child(odd){
    float:none;
    margin: 0 0 0 0;
}

.photo-title{
    position: absolute;
    bottom: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .2;
    background: #000;
    width: 100%;
    transition: opacity, 500ms;
}
.carousel-control, .carousel-control:focus, .carousel-control:hover{
    color:#fff !important;
}
.carousel-inner:hover .photo-title{
    opacity: .6;
}
.carousel-inner .item{
    /*max-height: 800px;*/
}
.preview-photo-title p{
    width: 162px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
    text-shadow: 0px 0px 5px #000;
    margin: 0 5px;
    font-size: .8em;
    opacity: .1;
    transition: opacity, 500ms;
}
a.thumbnail:hover .preview-photo-title p{
    opacity: 1;
}
.photo-title p{
    margin: 0 !important;
    padding:10px 0;
   
}
.video-container{
    position: relative;
    display: block;
    overflow: hidden;
    width:162px;
    height:162px;
    text-align: center;
}
.video-container .overlay{
    background: #000;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: overlay, 500ms;
}
.video-container:hover{
    cursor: pointer;
}
.video-container:hover .overlay{
    opacity: 0;
}
.video-container .fa{
    position: absolute;
    color: #E62117;
    font-size: 3em;
    left: 0;
    right: 0;
    line-height: 162px;
}
.video-container img{
    max-height: 162px;
}

@media(max-width: 768px) {
    .modal-dialog {
        width: 90% !important;
    }
    .thumbnail {
		border:1px solid #ccc;
		border-radius:0;
		background:transparent;
		width:100%;
		display:block;
		text-align:center;
		padding:0;
		height:auto !important;
	}
	#slider-thumbs{
		padding:0 !important;
	}
	ul.hide-bullets{
		margin:0 !important;
		padding:0 !important;
		width:100%;
	}
	#slider-thumbs a.thumbnail img{
		width:100%;
		margin:0 !important;
	}
	#slider-thumbs li{
		max-width:98%;
		min-width:70%;
		float:none !important;
		margin:0;
		padding:0;
	}
	.modal-dialog{
		margin:0 !important;
		padding:0 !important;
		width:100% !important;
		
	}
	.modal{
		margin:0 !important;
		padding:0 !important;
		width:100%;
	}
	.modal .modal-header{
		min-height:auto !important;
		border:0;
		padding:2px;
	}
	.modal .modal-body{
		padding:0;
		position: static;
	}
	.modal .modal-header .close {
		margin:0 !important;
		padding:0 !important;
	}

}