#container {
  display: block;
  cursor: ew-resize;
}
#container.threesixty {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
#container.threesixty .threesixty_images{
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#container.threesixty .threesixty_images:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 57%; /* 56,25% - (9:16)*100% | 75% - (3:4)*100% | 50% - (1:2)*100% | 100% - (1:1)*100% */
}
#container.threesixty .threesixty_images img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}
#container.threesixty .threesixty_images img.previous-image {
  visibility: hidden;
  /*
           Do not put here any other styles.
           It causes massive recalc / repaints and image flickering,
           especially on Firefox.
        */

}
#container.threesixty .threesixty_images img.current-image {
  visibility: visible;
  /*
           Do not put here any other styles.
           It causes massive recalc / repaints and image flickering,
           especially on Firefox.
        */

}
#container.threesixty .spinner {
  width: 60px;
  margin: 0 auto;
  height: 30px;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#container.threesixty .spinner span {
  margin: 20px auto;
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 12px;
  font-weight: bolder;
  color: #FFF;
  text-align: center;
  line-height: 30px;
  display: block;
}
#container.threesixty .nav_bar {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 11;
}
#container.threesixty .nav_bar a {
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  background: url(/catalog/view/javascript/jquery/threesixty/images/sprites.png) no-repeat;
  text-indent: -99999px;
}
#container.threesixty .nav_bar a:hover {
	opacity: 0.5;
}
#container.threesixty .nav_bar a.nav_bar_play {
  background-position: -0 -0px !important;
}
#container.threesixty .nav_bar a.nav_bar_play:active {
	opacity: 1;
}
#container.threesixty .nav_bar a.nav_bar_stop {
  background-position: -0 -32px !important;
}
#container.threesixty .nav_bar a.nav_bar_stop:active {
	opacity: 1;
}
#container.threesixty .nav_bar a.nav_bar_previous {
  background-position: -0 -64px !important;
}
#container.threesixty .nav_bar a.nav_bar_previous:active {
	opacity: 1;
}
#container.threesixty .nav_bar a.nav_bar_next {
  background-position: -0 -96px !important;
}
#container.threesixty .nav_bar a.nav_bar_next:active {
	opacity: 1;
}
.ThreeSixtyFullscreen_Button {
	z-index: 12;
	display: block;
	position: absolute;
	background: url(/catalog/view/javascript/jquery/threesixty/images/fs.png) no-repeat;
	width: 32px;
	height: 32px;
	text-indent: -99999px;
	right: 10px;
        bottom: 10px;
        cursor: pointer;
	background-position: 0px -32px;
        opacity: 1;
}
.ThreeSixtyFullscreen_Button:hover {
	opacity: 0.5;
}
.ThreeSixtyFullscreen_Button:active {
	opacity: 1;
}

.ThreeSixtyFullscreen_Button.close {
	z-index: 12;
	display: block;
	position: absolute;
	background: url(/catalog/view/javascript/jquery/threesixty/images/fs.png) no-repeat;
	width: 32px;
	height: 32px;
	text-indent: -99999px;
	right: 10px;
        bottom: 10px;
        cursor: pointer;
	background-position: 0px -0px;
}

/* html */
#container:-webkit-full-screen {
  background:#ffffff;
  width:100%;
  height:100%;
}
#container:-moz-full-screen {
  background:#ffffff;
  width:100%;
  height:100%;
}
#container:-O-full-screen {
  background:#ffffff;
  width:100%;
  height:100%;
}