.wr360_player
{
     width:100%;
     height:100%;
     -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:none;
     background:#fff;
}

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

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

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

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

.wr360_player .container .theme_header .progress_bar
{
     background:url(../img/basic/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:35px;
     margin:1px auto -1px auto;
     padding:0 10px 0 10px;
	 -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/basic/left_combined.png) no-repeat 0 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 0px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.left_button:hover
{
     background:url(../img/basic/left_combined.png) no-repeat -23px 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 0px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.play_button
{
     background:url(../img/basic/play_combined.png) no-repeat 0 0;
     display:block;
     float:left;
     width:24px;
     height:24px;
     margin:4px 0 0 9px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.play_button:hover
{
     background:url(../img/basic/play_combined.png) no-repeat -24px 0;
     display:block;
     float:left;
     width:24px;
     height:24px;
     margin:4px 0 0 9px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.pause_button
{
     background:url(../img/basic/pause_combined.png) no-repeat 0 0;
     display:block;
     float:left;
     width:24px;
     height:24px;
     margin:4px 0 0 9px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.pause_button:hover
{
     background:url(../img/basic/pause_combined.png) no-repeat -24px 0;
     display:block;
     float:left;
     width:24px;
     height:24px;
     margin:4px 0 0 9px;
     cursor:pointer
}

.wr360_player .container .theme_panel .toolbar a.right_button
{
     background:url(../img/basic/right_combined.png) no-repeat 0 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 11px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.right_button:hover
{
     background:url(../img/basic/right_combined.png) no-repeat -23px 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 11px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.zoomin_button
{
     background:url(../img/basic/zoomin_combined.png) no-repeat 0 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 14px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.zoomin_button:hover
{
     background:url(../img/basic/zoomin_combined.png) no-repeat -23px 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 14px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.zoomout_button
{
     background:url(../img/basic/zoomout_combined.png) no-repeat 0 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 14px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.zoomout_button:hover
{
     background:url(../img/basic/zoomout_combined.png) no-repeat -23px 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 14px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.hotspotson_button
{
     background:url(../img/basic/spoton_combined.png) no-repeat 0 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 11px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.hotspotson_button:hover
{
     background:url(../img/basic/spoton_combined.png) no-repeat -23px 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 11px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.hotspotsoff_button
{
     background:url(../img/basic/spotoff_combined.png) no-repeat 0 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 11px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.hotspotsoff_button:hover
{
     background:url(../img/basic/spotoff_combined.png) no-repeat -23px 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 11px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.fullscreenon_button
{
     background:url(../img/basic/fullscreenon_combined.png) no-repeat 0 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 11px;
     cursor:pointer;
}

.wr360_player .container .theme_panel .toolbar a.fullscreenon_button:hover
{
     background:url(../img/basic/fullscreenon_combined.png) no-repeat -23px 0;
     display:block;
     float:left;
     width:22px;
     height:24px;
     margin:4px 0 0 11px;
     cursor:pointer;
}

.wr360_player a.fullscreenoff_button
{
     background:url(../img/basic/fullscreenoff_combined.png) no-repeat 0 0;
     width:48px;
     height:48px;
     top:15px;
     right:22px;
     z-index:5000;
     position:absolute;
     cursor:pointer;
     display:block;
     transition:none !important;
}

.wr360_player a.fullscreenoff_button:hover
{
     background:url(../img/basic/fullscreenoff_combined.png) no-repeat -48px 0;
     width:48px;
     height:48px;
     top:15px;
     right:22px;
     z-index:5000;
     position:absolute;
     cursor:pointer;
     display:block;
}

.wr360_player .container .hotspot_rollover
{
    z-index:15001;
}

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