#View360-modalBackground{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);text-align:center;z-index:9998}
#View360-lighboxOuter{position:absolute;display:table-cell;vertical-align:middle;top:0;bottom:0;left:0;right:0;height:100%;text-align:center;z-index:9999}
#View360-lighbox{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;width:706px;height:565px;background:#fff;text-align:left;border:1px solid #ccc;border-top:0;border-radius:0 0 5px 5px;-moz-border-radius:0;-webkit-border-radius:0;box-shadow:0 5px 25px #0e0e0e;-moz-box-shadow:0 5px 25px #0e0e0e;-webkit-box-shadow:0 5px 25px #0e0e0e}
.View360-holder div,.View360-holder p,.View360-navigation{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.View360-holder{background:white;display:inline-block;position:relative}
.View360-holderFullscreen{border:0 solid white;background:white;display:block;position:absolute;top:0;left:0;overflow:hidden;z-index:9999}
.View360-loaderHolder{top:0;left:0;position:absolute;width:100%;height:100%;background:transparent;z-index:250;text-align:center}
.View360-fullSizeLoaderHolder{top:0;left:0;position:absolute;width:100%;height:100%;background:transparent;z-index:251;text-align:left;background:rgba(0,0,0,0)}
.View360-clickableArea{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:300;cursor:default}
.View360-loaderInnerHolder{position:relative;width:100%;height:100%}
.View360-loaderBackground{position:absolute;top:0;width:100%;height:100%}
.View360-loader{position:relative;top:40%;transform:translateY(-50%)}
.View360-fullSizeLoader .View360-loader{position:relative;top:10px;left:10px;transform:none}
.View360-loadingTitle{font-family:Verdana;font-size:30px;line-height:38px;color:#222}
.View360-fullSizeLoader .View360-loadingTitle{font-family:Verdana;font-size:20px;line-height:38px;color:#222;position:absolute;left:60px;top:5px}
.View360-loadingSubtitle{font-family:Verdana;font-size:20px;line-height:32px;color:#222}
.View360-loadingMessage{font-family:Verdana;font-size:13px;line-height:23px;color:#222}
.View360-visual{position:relative}
.View360-visualHolder{display:inline-block}
.View360-fullSizeLoader .View360-visual{position:relative;width:50px;height:50px}
.View360-percentHolder{position:absolute;width:70px;height:70px;top:0}
.View360-percent{font-family:Arial;font-weight:bold;text-align:center;font-size:15px;top:0;width:70px;height:70px;display:table-cell;vertical-align:middle}
.View360-fullSizeLoader .View360-percent{font-size:15px;top:15px;color:#000}
.View360-navigationHolder{position:absolute;bottom:-40px;left:0;right:0;z-index:400}
.View360-navigation{height:50px;text-align:center;white-space:nowrap}
.View360-navigationBtn{background-position:0 0;background-size:40px 40px;width:40px;height:40px;display:inline-block;margin-left:5px;cursor:pointer}
.View360-navigationBtn:hover{// transform:scale(1.2,1.2)}
.View360-navigationBtn:active{background-position:1px 1px}
.View360-navigationBtn{background:none !important;margin-left:2px !important}
.View360-navigationBtn::before{content:'';display:block;width:28px;height:28px;margin:2px;background-size:28px 28px;background-position:0 0}
.View360-navigationBtn:hover::before{width:32px;height:32px;margin:0;background-size:32px 32px}
.View360-navigationBtn:active::before{background-position:1px 1px}
.View360-navigationStop::before{background-image:url(clientlib-gallery360view/resources/images/stop.png)}
.View360-navigationPlay::before{background-image:url(clientlib-gallery360view/resources/images/play.png)}
.View360-navigationPause::before{background-image:url(clientlib-gallery360view/resources/images/pause.png)}
.View360-navigationDetail::before{background-image:url(clientlib-gallery360view/resources/images/dimen.png)}
.View360-navigationDetailExit::before{background-image:url(clientlib-gallery360view/resources/images/close.png)}
.View360-navigationTurnLeftOnly::before{background-image:url(clientlib-gallery360view/resources/images/close.png)}
.View360-navigationOpen::before{background-image:url(clientlib-gallery360view/resources/images/open.png)}
.View360-navigationOpenExit::before{background-image:url(clientlib-gallery360view/resources/images/close.png)}
.View360-navigationOpenZoomIn::before{background-image:url(clientlib-gallery360view/resources/images/plus_color.png)}
.View360-navigationOpenZoomOut::before{background-image:url(clientlib-gallery360view/resources/images/minus_color.png)}
.View360-navigationZoomIn::before{background-image:url(clientlib-gallery360view/resources/images/plus.png)}
.View360-navigationZoomIn.active::before{background-image:url(clientlib-gallery360view/resources/images/plus_color.png)}
.View360-navigationZoomOut::before{background-image:url(clientlib-gallery360view/resources/images/minus.png)}
.View360-navigationZoomOut.active::before{background-image:url(clientlib-gallery360view/resources/images/minus_color.png)}
.View360-stopBtn{background-image:url(clientlib-gallery360view/resources/images/stop.png);width:28px;height:28px;margin:2px;background-size:28px 28px !important;background-position:50% 100%;background-repeat:no-repeat;display:inline-block}
.isTouch .View360-navigationBtn:hover::before,.isTouch .View360-navigationBtn:active::before{width:28px !important;height:28px !important;margin:2px !important;background-size:28px 28px !important;background-position:0 0 !important}
html:not(.isTouch) .View360-navigationStop:hover::before{background-image:url(clientlib-gallery360view/resources/images/stop_text.png)}
html:not(.isTouch) .View360-navigationPause:hover::before{background-image:url(clientlib-gallery360view/resources/images/pause_text.png)}
html:not(.isTouch) .View360-navigationPlay:hover::before{background-image:url(clientlib-gallery360view/resources/images/play_text.png)}
html:not(.isTouch) .View360-navigationDetail:hover::before{background-image:url(clientlib-gallery360view/resources/images/dimen_text.png)}
html:not(.isTouch) .View360-navigationDetailExit:hover::before{background-image:url(clientlib-gallery360view/resources/images/close_text.png)}
html:not(.isTouch) .View360-navigationTurnLeftOnly:hover::before{background-image:url(clientlib-gallery360view/resources/images/close_text.png)}
html:not(.isTouch) .View360-navigationOpen:hover::before{background-image:url(clientlib-gallery360view/resources/images/open_text.png)}
html:not(.isTouch) .View360-navigationOpenExit:hover::before{background-image:url(clientlib-gallery360view/resources/images/close_text.png)}
html:not(.isTouch) .View360-navigationOpenZoomIn:hover::before{background-image:url(clientlib-gallery360view/resources/images/plus_text.png)}
html:not(.isTouch) .View360-navigationOpenZoomOut:hover::before{background-image:url(clientlib-gallery360view/resources/images/minus_text.png)}
html:not(.isTouch) .View360-navigationZoomIn.active:hover::before{background-image:url(clientlib-gallery360view/resources/images/plus_text.png)}
html:not(.isTouch) .View360-navigationZoomOut.active:hover::before{background-image:url(clientlib-gallery360view/resources/images/minus_text.png)}
html:not(.isTouch) .View360-stopBtn{cursor:pointer}
html:not(.isTouch) .View360-stopBtn:hover{transform:scale(1.2) translateY(0)}
.View360-navigationPlay{left:0;background-image:url(clientlib-gallery360view/resources/images/play.png)}
.View360-navigationPause{left:60px;background-image:url(clientlib-gallery360view/resources/images/pause.png)}
.View360-navigationDetail{left:60px;background-image:url(clientlib-gallery360view/resources/images/dimen.png)}
.View360-navigationDetailExit{left:60px;background-image:url(clientlib-gallery360view/resources/images/close.png)}
.View360-navigationTurnLeftOnly{left:60px;background-image:url(clientlib-gallery360view/resources/images/close.png)}
.View360-navigationOpen{left:60px;background-image:url(clientlib-gallery360view/resources/images/open.png)}
.View360-navigationOpenExit{left:60px;background-image:url(clientlib-gallery360view/resources/images/close.png)}
.View360-navigationOpenZoomIn{left:60px;background-image:url(clientlib-gallery360view/resources/images/plus_color.png)}
.View360-navigationOpenZoomOut{left:60px;background-image:url(clientlib-gallery360view/resources/images/minus_color.png)}
.View360-navigationZoomIn{left:120px;background-image:url(clientlib-gallery360view/resources/images/plus.png)}
.View360-navigationZoomIn.active{background-image:url(clientlib-gallery360view/resources/images/plus_color.png)}
.View360-navigationZoomOut{background-image:url(clientlib-gallery360view/resources/images/minus.png)}
.View360-navigationZoomOut.active{background-image:url(clientlib-gallery360view/resources/images/minus_color.png)}
.View360-navigationFullscreenEnter{background-image:url(clientlib-gallery360view/resources/images/fullscreen-enter.png)}
.View360-navigationFullscreenExit{background-image:url(clientlib-gallery360view/resources/images/fullscreen-exit.png)}
.View360-navigationTurnLeft{background-image:url(clientlib-gallery360view/resources/images/turn-left.png)}
.View360-navigationTurnRight{background-image:url(clientlib-gallery360view/resources/images/turn-right.png)}
.View360-navigationHand{background-image:url(clientlib-gallery360view/resources/images/hand.png)}
.View360-navigationRotate{background-image:url(clientlib-gallery360view/resources/images/rotate.png)}