.fotorama-thumbnav-ext {
	width:    100%;
	overflow: hidden;
}

.fotorama-thumbnav-int {
	width: calc(100% + 4px);
}

.fotorama-thumbnav-int:after {
	 content: "";
	 flex: auto;
 }

.fotorama-thumbnav-int > a {
	display: inline-block;
	margin:  10px 4px 0 0;
	opacity: 0.8;

	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

.fotorama-thumbnav-int > a:hover,
.fotorama-thumbnav-int > a.active {
	opacity: 1;
}

.fotorama-thumbnav-current {
	border: 2px solid #00afea;
	opacity: 0;

	-webkit-transition: opacity .6s;
	transition: opacity .6s;
}

.active > .fotorama-thumbnav-current {
	opacity: .9;
}