@charset "UTF-8";


.controls div{
  display:inline-block;
  padding:5.3px;
  margin:1px;
  color:#fff;
  border:1px solid #fff;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}


.controls div:hover:not(.counter){
  background:rgba(255,255,255,.9);
  color:#000;
}

.controls div:not(.counter){
  background: rgb(190, 41, 16);
  cursor:pointer;
}

.controls.fullScreen_controls div:hover:not(.counter){
  background:rgba(255,255,255,.9);
  color:#000;
  opacity:0;
}

.controls.fullScreen_controls div:not(.counter){
  background: rgba(0, 0, 0, 0.82);
  cursor:pointer;
  opacity:0;
}

.controls div.sel{
  background:rgba(255,255,255,.9);
}

.thumbnailsContainer{
  position: relative;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0);
  line-height: 0;
  font-size: 0;
  padding: 5px;
  width:330px;
  margin-left:-9px;
}

.thumbnailsContainer img{
  margin: 3px;
  width: 60.3px;
  height:auto;
  cursor: pointer;
  display: absolute;
  border: 3px solid transparent;
  filter:grayscale(100%);
}
 
.thumbnailsContainer img:hover{
  border: 3px solid white;
  filter:grayscale(0%);
  transition: .3s; 
}