.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{ 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 .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%; }

#container .threesixty { position: relative; height:100%; width:100%; }
#container .threesixty li { width:100%; height:100%; position:relative; }
#loader{ display: inline-block; position:relative; white-space: normal; vertical-align: middle; text-align: center; }
#loader.lazylinepainter { top:-15px; }
#loader svg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0.5;}
#loader img { display: inline-block; border: none; margin-bottom:5px; }
.spinner span{ display: block; white-space: normal; text-align: center; }
.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: ''; }
#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,sans-serif; }