#buttons {
	position: absolute;
	right: 1em;
	top: 1em;
	width: 3em;
	height: 3em;
	z-index: 999;
}

#buttons .button {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

#buttons .button.play {
	display: none;
	background-image: url("play.png");
}

#buttons .button.play_manual {
	
	background-image: url("play_manual.png");
}

#viewer {
	position: relative;
	width: 100%;
    /*height: 22.5em;*/
    height: 27em;
}

.angle-view {
  overflow: hidden;
  width: 100%;
  background-color:#fff;
  position: absolute;
}

.angle-view ul, #angle-view li {
  margin: 0;
  padding: 0;
}

.angle-view li { list-style: none; }

.angle-view ul {
  width: 100%;
  height: 100%;
}

.angle-view img, #image_reel.reel {
  width: 100%;
  display: block;
  object-fit: cover;
}

#manual {
	display: none;
}

#automatic {
	display: none;
}

#loader {
	width: 100%;
    height: 100%;
    background-color: #efefef;
    z-index: 2000;
}

.load_cont {
	width: 25%;
    height: 1em;
    border: solid 1px #b8b8b8;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 3px;
}

.load_current {
	/*width: 10%;*/
	height: 100%;
	float: left;
	background-color: rgba(255, 255, 255, 1);
}