.btn{
	padding:0;
	margin:0;
	cursor:pointer;
}
.displaynone .btn{
	cursor: inherit;
}

#debug img{
	width:0!important;
	height:0!important;
}

@-webkit-keyframes move{
	0%{
		top:0;
		left:0;
		width: 0;
		height: 0;
		opacity:1;
	}
	100%{
		opacity:0.1;
		top:-90%;
		left:-70%;
		width: 150%;
		height: 150%;
	}
}
@-o-keyframes move{
	0%{
		top:0;
		left:0;
		width: 0;
		height: 0;
		opacity:1;
	}
	100%{
		opacity:0.1;
		top:-90%;
		left:-70%;
		width: 150%;
		height: 150%;
	}
}
@-moz-keyframes move{
	0%{
		top:0;
		left:0;
		width: 0;
		height: 0;
		opacity:1;
	}
	100%{
		opacity:0.1;
		top:-90%;
		left:-70%;
		width: 150%;
		height: 150%;
	}
}

@keyframes move{
	0%{
		top:0;
		left:0;
		width: 0;
		height: 0;
		opacity:1;
	}
	100%{
		opacity:0.1;
		top:-90%;
		left:-70%;
		width: 150%;
		height: 150%;
	}
}

/*.canv_parent .blink{	
	animation-duration: 1s;
	animation-name: move;
	animation-iteration-count: infinite;
	animation-timing-function: ease;	
	animation-play-state: paused;
	animation-direction: alternate;
	animation-delay: 0;
	animation-fill-mode: backwards;
	 
	-webkit-animation-duration: 1s;	
	-webkit-animation-name: move;	
	-webkit-animation-iteration-count: infinite;	
	-webkit-animation-timing-function: ease;   
	-webkit-animation-play-state: paused;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0;
	-webkit-animation-fill-mode: backwards;
	
	-moz-animation-duration: 1s;
	-moz-animation-name: move;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease;	
	-moz-animation-play-state: paused;
	-moz-animation-direction: alternate;
	-moz-animation-delay: 0;
	-moz-animation-fill-mode: backwards;
	
	-o-animation-duration: 1s;
	-o-animation-name: move;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease;	
	-o-animation-play-state: paused;
	-o-animation-direction: alternate;
	-o-animation-delay: 0;
	-o-animation-fill-mode: backwards;
}*/

.canv_parent{
	height:100%;
	width:100%;
}
.canv_parent table{
	border:none;
	height:100%;
	width:100%;
	border-collapse: collapse;
}
.canv_parent td{
	vertical-align:bottom;
	text-align:center;
}

/*
.btn .canv_parent .blink{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	border:0px solid #ffdc34;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	-webkit-box-shadow: 0px 0px 16px 5px #497ab2;
	-moz-box-shadow: 0px 0px 16px 5px #497ab2;
	box-shadow: 0px 0px 16px 5px #497ab2;

}

.canv_parent .blink.paused{
	-webkit-animation-play-state: paused; 
    animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	display:none;	
}
.canv_parent .blink.playing{
	-webkit-animation-play-state: running; 
    animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	display:block;
}



.btn .canv_parent:hover .blink{
	-webkit-animation-play-state: paused; 
    animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	display:none;	
}
*/

.btn .canv_parent .tips_title{
	display:block;
	top:0;
	left:0;
	white-space:nowrap;
	color:#ffdc34;
	background-color:#fff;
}


.btn .canv_parent .arrow, .btn .canv_parent:hover .arrow_hover{
	display:inline-block;
	max-width:200px;
	width:100%;
}
/*.btn .canv_parent:hover .arrow,.btn  .canv_parent .arrow_hover{
	display:none;
}*/

#container .threesixty {
	position: relative;
	#background:red;
	height:100%;
	width:100%;
}
#container .threesixty li {
	width:100%;
	height:100%;
	position:relative;
}


#loader{
	display: inline-block;
	position:relative;
}
#loader.lazylinepainter {
	top:-15px;
}
#loader svg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





.spinner span{
	display: block;
    white-space: normal;
    text-align: center;
	/*height:20px;
	font-size: 10px;*/
}
.spinner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
}
.spinner:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: '';
}

#loader {
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    text-align: center;
    
}

#loader img {
    display: inline-block;
    border: none;
	margin-bottom:5px;
}

#loader svg{
	opacity:0.5;
}

#container .threesixty .threesixty_images {
  list-style: none;
  margin: 0;
  padding: 0;
  position:absolute;
  top:0;
  left:0;
}
#container .threesixty .image_btns_fon{
	text-align:right;
	width: 100%;
	height: 100%;
}
#container .threesixty .threesixty_images .image_btns_fon > img {
  max-width: 100%;
  max-height: 100%;
}
#container .threesixty .threesixty_images li.current-image {
	z-index:199!important;
	display:block;
}
#container .threesixty .threesixty_images li.previous-image {
	display:none;
}
#container .threesixty .threesixty_images li.change-image{
	display:block;
	opacity:0;
}

#container .canvas_img img:first-child{
	vertical-align:bottom;
	margin-top:0px;
}
#container .canvas_img img{
	display:block;
	vertical-align:top;
}

#container  .nav_bar {
  position: absolute;
  top: 10px;
  right: 50px;
  z-index: 11;
}
#container  .nav_bar a {
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  background: url(/3d/js3d/images/sprites.png) no-repeat;
  text-indent: -99999px;
}
#container  .nav_bar a.nav_bar_previous {
  background-position: 0 -73px;
}
#container  .nav_bar a.nav_bar_next {
  background-position: 0 -104px;
}
#container  .nav_bar a.nav_bar_play {
  background-position: 0 0;
}
#container  .nav_bar a.nav_bar_stop {
  background-position: 0 -37px;
}
#loader_bar{
	background:url(/3d/js3d/images/loader_back.png) 0px 0px no-repeat #ffffff;
	position:relative;
	width:240px;
	height:14px;
	text-align:right;
	margin:12px auto 0px;
}
#loader_barwhite {
	width:100%;
	float:right;
	height:14px;
	background-color:#ffffff;
	opacity:0.9;
	position:relative;
}
#loader_barwhite > div {
	width: 0;
	height: 0;
	border-bottom: 33px solid #ffffff; 
	border-left: 14px solid transparent;
	content:"";
	opacity:0.9;
	position:relative;
	left:-14px;
	top:0px;
}
.percent_load {
	color:#1f68bb;
	font-size:14px;
	font-weight:bold;
	font-family:Tahoma;
}