.wr360_player
{
    width:100%;
    height:100%;
    background:#fff;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -ms-touch-action:none;
    touch-action:pan-y;
}

.wr360_player .container
{
    position:relative;
    overflow:hidden;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:inherit !important;
    max-width:none !important;
}

.wr360_player .container::before
{
    display: none !important;
}

.wr360_player img
{
    max-width:none !important;
    max-height:none !important;
    border:none !important;
    box-shadow:none !important;
    cursor:pointer !important;
}

.wr360_player .container .panning2,
.wr360_player .container .panning
{
    position:absolute;
    left:0;
    top:0;
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center;
    z-index:2002;
}

.wr360_player .container .theme_panel_back
{
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    margin-bottom:0px;
    height:50px;
    z-index:2500;
}

.wr360_player .container .theme_panel
{
    position:absolute;
    width:100%;
    bottom:0px;
    left:0;
    margin-bottom:0px;
    height:50px;
    z-index:2501;
}

.wr360_player .container .theme_header
{
    height:20px;
    z-index:2500;
}

.wr360_player .container .theme_header .progress_bar
{
    background:url(../img/retina/load_js.gif) left top no-repeat;
    margin:1px 0 0 6px;
    float:left;
    width:43px;
    height:8px;
    cursor:pointer;
}

.wr360_player .container .theme_header .progress_num
{
    position:absolute;
    left:56px;
    top:0px;
    width:30px;
    text-align:left;
    color:#A0A0A0;
    font-family:Arial Narrow;
    font-size:8px;
    padding:0;
    margin:0;
    line-height:8px;
    height:8px;
    border:none;
}

.wr360_player .container .theme_header .progress_wrap
{
    float:left;
    cursor:pointer;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim_fs
{
    margin:10px 0 0 15px;
    line-height:28px;
    height:28px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:none;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim
{
    margin:1px 0 0 6px;
    line-height:16px;
    height:16px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:none;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim_fs div,
.wr360_player .container .theme_header .progress_wrap .progress_bar_anim div
{
    height:100%;
    width:5px;
    opacity:0;
    margin:0 2px 0 0;
    background-color:#bbb;
    float:left;
    overflow:hidden;
    -webkit-animation:wr360_progress_delay 1.2s infinite ease-in-out;
    animation:wr360_progress_delay 1.2s infinite ease-in-out;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim_fs div
{
    width:6px;
    margin:0 3px 0 0;
    background-color:#aaa;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim .animbar1,
.wr360_player .container .theme_header .progress_wrap .progress_bar_anim_fs .animbar1
{
    -webkit-animation-delay:-1.2s;
    animation-delay:-1.2s;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim .animbar2,
.wr360_player .container .theme_header .progress_wrap .progress_bar_anim_fs .animbar2
{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim .animbar3,
.wr360_player .container .theme_header .progress_wrap .progress_bar_anim_fs .animbar3
{
    -webkit-animation-delay:-1.0s;
    animation-delay:-1.0s;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim .animbar4,
.wr360_player .container .theme_header .progress_wrap .progress_bar_anim_fs .animbar4
{
    -webkit-animation-delay:-0.9s;
    animation-delay:-0.9s;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim .animbar5,
.wr360_player .container .theme_header .progress_wrap .progress_bar_anim_fs .animbar5
{
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim span.percentnums
{
    font-size:8px;
    font-family:Tahoma;
    width:25px;
    display:block;
    float:left;
    color:#999;
    margin:0 0 0 4px;
    display:none;
}

.wr360_player .container .theme_header .progress_wrap .progress_bar_anim_fs span.percentnums
{
    font-size:11px;
    font-family:Tahoma;
    width:25px;
    display:block;
    float:left;
    color:#999;
    margin:0 0 0 6px;
    display:none;
}

@-webkit-keyframes wr360_progress_delay
{
    0%, 40%, 100%
    {
        -webkit-transform:scaleY(0.5);
    }

    20%
    {
        -webkit-transform:scaleY(1.0);
        opacity: 1;
    }
}

@keyframes wr360_progress_delay
{
    0%, 40%, 100%
    {
        transform:scaleY(0.5);
        -webkit-transform: scaleY(0.5);
    }
    20%
    {
        transform:scaleY(1.0);
        -webkit-transform: scaleY(1.0);
        opacity: 1;
    }
}

.wr360_player .container .theme_header a.watermark
{
    margin-left:5px;
    margin-top:5px;
    display:block;
    float:left;
    width:1px;
    height:1px;
    cursor:pointer;
    display:none;
}

.wr360_player .container .theme_panel .toolbar
{
    position:relative;
    height:42px;
    padding:3px 2px 0 2px;
    margin:0px auto -1px auto;
    -moz-box-sizing: content-box !important;
    box-sizing:content-box !important;
    border:none !important;
    background:inherit !important;
}

.wr360_player .container .theme_panel .toolbar a
{
    transition:none !important;
}

.wr360_player .container .theme_panel .toolbar a.left_button
{
    background:url(../img/retina/left.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 0px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player .container .theme_panel .toolbar a.left_button
	{
		background:url(../img/retina/left2x.png) no-repeat 0 0;
		background-size:41px 41px;
	}	
}

.wr360_player .container .theme_panel .toolbar a.up_button
{
    background:url(../img/retina/up.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)
{
    .wr360_player .container .theme_panel .toolbar a.up_button
    {
        background:url(../img/retina/up2x.png) no-repeat 0 0;
        background-size:41px 41px;
    }
}


.wr360_player .container .theme_panel .toolbar a.play_button
{
    background:url(../img/retina/play.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player .container .theme_panel .toolbar a.play_button
	{
		background:url(../img/retina/play2x.png) no-repeat 0 0;
		background-size:41px 41px;
	}	
}

.wr360_player .container .theme_panel .toolbar a.pause_button
{
    background:url(../img/retina/pause.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player .container .theme_panel .toolbar a.pause_button
	{
		background:url(../img/retina/pause2x.png) no-repeat 0 0;
		background-size:41px 41px;
	}	
}

.wr360_player .container .theme_panel .toolbar a.right_button
{
    background:url(../img/retina/right.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player .container .theme_panel .toolbar a.right_button
	{
		background:url(../img/retina/right2x.png) no-repeat 0 0;
		background-size:41px 41px;
	}	
}

.wr360_player .container .theme_panel .toolbar a.down_button
{
    background:url(../img/retina/down.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx)
{
    .wr360_player .container .theme_panel .toolbar a.down_button
    {
        background:url(../img/retina/down2x.png) no-repeat 0 0;
        background-size:41px 41px;
    }
}

.wr360_player .container .theme_panel .toolbar a.zoomin_button
{
    background:url(../img/retina/zoomin.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player .container .theme_panel .toolbar a.zoomin_button
	{
		background:url(../img/retina/zoomin2x.png) no-repeat 0 0;
		background-size:41px 41px;
	}	
}

.wr360_player .container .theme_panel .toolbar a.zoomout_button
{
    background:url(../img/retina/zoomout.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin: 2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player .container .theme_panel .toolbar a.zoomout_button
	{
		background:url(../img/retina/zoomout2x.png) no-repeat 0 0;
		background-size:41px 41px;
	}	
}

.wr360_player .container .theme_panel .toolbar a.hotspotson_button
{
    background:url(../img/retina/spoton.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player .container .theme_panel .toolbar a.hotspotson_button
	{
		background:url(../img/retina/spoton2x.png) no-repeat 0 0;
		background-size:41px 41px;
	}	
}

.wr360_player .container .theme_panel .toolbar a.hotspotsoff_button
{
    background:url(../img/retina/spotoff.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player .container .theme_panel .toolbar a.hotspotsoff_button
	{
		background:url(../img/retina/spotoff2x.png) no-repeat 0 0;
		background-size:41px 41px;
	}	
}

.wr360_player .container .theme_panel .toolbar a.fullscreenon_button
{
    background:url(../img/retina/fullscreenon.png) no-repeat 0 0;
    display:block;
    float:left;
    width:41px;
    height:41px;
    margin:2px 0 0 10px;
    cursor:pointer;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player .container .theme_panel .toolbar a.fullscreenon_button
	{
		background:url(../img/retina/fullscreenon2x.png) no-repeat 0 0;
		background-size:41px 41px;
	}	
}

.wr360_player a.fullscreenoff_button
{
    background:url(../img/retina/fullscreenoff.png) no-repeat 0 0;
    width:57px;
    height:57px;
    top:25px;
    right:28px;
    z-index:5000;
    position:absolute;
    cursor:pointer;
    display:block;
    transition:none !important;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) 
{ 
	.wr360_player a.fullscreenoff_button
	{
		background:url(../img/retina/fullscreenoff2x.png) no-repeat 0 0;
		background-size:57px 57px;
	}	
}

.wr360_player .container .theme_panel .toolbar a.hotspotsoff_button:hover,
.wr360_player .container .theme_panel .toolbar a.fullscreenon_button:hover,
.wr360_player .container .theme_panel .toolbar a.fullscreenoff_button:hover,
.wr360_player .container .theme_panel .toolbar a.hotspotson_button:hover,
.wr360_player .container .theme_panel .toolbar a.zoomout_button:hover,
.wr360_player .container .theme_panel .toolbar a.zoomin_button:hover,
.wr360_player .container .theme_panel .toolbar a.right_button:hover,
.wr360_player .container .theme_panel .toolbar a.pause_button:hover,
.wr360_player .container .theme_panel .toolbar a.play_button:hover,
.wr360_player .container .theme_panel .toolbar a.left_button:hover,
.wr360_player a.fullscreenoff_button:hover
{
	opacity:0.8;
}

.wr360_player .container .hotspot_indicator
{
    z-index:2999;
}

.wr360_player .container .position_rollover
{
    position:absolute;
    left:0;
    top:0;
    visibility:hidden;
    z-index:15005;
}

.wr360_player .container .position_rollover > div
{
    box-sizing:border-box;
}

.wr360_player .container .lightbox_rollover
{
    z-index:15006;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 1);
    position:absolute;
    top:0;
    left:0;
    display:none;
    cursor:default;
}

.wr360_player .container .lightbox_rollover *
{
    box-sizing:border-box;
}

.wr360_player .container .lightbox_rollover .closelbox
{
    position:absolute;
    background:url(../img/thin/lightbox_close.svg) 0 0 no-repeat;
    right:15px;
    top:15px;
    width:29px;
    height:29px;
    border-radius:50%;
    -webkit-transition:background-color 0.2s ease-out;
    -moz-transition:background-color 0.2s ease-out;
    transition:background-color 0.2s ease-out;
    background-color:rgba(175, 175, 175, 0);
    cursor:pointer;
}

.wr360_player .container .lightbox_rollover .closelbox:hover
{
    border-radius:50%;
    -webkit-transition:background-color 0.12s ease-in;
    -moz-transition:background-color 0.12s ease-in;
    transition:background-color 0.12s ease-in;
    background-color:rgba(175, 175, 175, 0.15);
}

.wr360_player .container .lightbox_rollover .img_wrap
{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    background-position:center center;
    background-repeat:no-repeat;
}

.wr360_player .container .lightbox_rollover .img_title
{
    position:absolute;
    padding:0;
    max-width:100%;
    width:100%;
    text-align:left;
    bottom:0;
    left:0;
    background-color:rgba(65, 65, 65, 0.9);
}

.wr360_player .container .lightbox_rollover .img_title a
{
    color: #ff0000;
}

.wr360_player .container .lightbox_rollover .img_title .usr_text
{
    display:inline-block;
    color:#fff;
    width:50%;
    text-align:left;
    padding:15px 20px 19px 20px;
    line-height:19px;
    font-size:16px;
}