.new_vr{position: fixed;top:0;width: 100%;height:100%;background: #000;z-index: 1000;}
.new_vr > div{height:100%;padding-top: 115px;}
.floor_layer{position: absolute;left: 0;width: 185px;height: 100%;display: table;z-index: 10;}
.floor_layer > div{vertical-align: top;display: table-cell;padding-top: 70px;width: 100%;}
.floor_layer .floor{position: relative;}
.floor_layer .floor > div{position: absolute;width: 100%;}
.floor_layer .floor .fbtnimg{width: 170px;height: 52px;}
.floor_layer .floor .floorB2{background: url('/main/company/vr/skin/B2floor_off.png') no-repeat;background-size: cover;margin: auto;}
.floor_layer .floor .floorB2_on{background: url('/main/company/vr/skin/B2floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floorB1{background: url('/main/company/vr/skin/B1floor_off.png') no-repeat;background-size: cover;margin: auto;}
.floor_layer .floor .floorB1_on{background: url('/main/company/vr/skin/B1floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor1{background: url('/main/company/vr/skin/1floor_off.png') no-repeat;background-size: cover;margin: auto;}
.floor_layer .floor .floor1_on{background: url('/main/company/vr/skin/1floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor2{background: url('/main/company/vr/skin/2floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor2_on{background: url('/main/company/vr/skin/2floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor3{background: url('/main/company/vr/skin/3floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor3_on{background: url('/main/company/vr/skin/3floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor4{background: url('/main/company/vr/skin/4floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor4_on{background: url('/main/company/vr/skin/4floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor5{background: url('/main/company/vr/skin/5floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor5_on{background: url('/main/company/vr/skin/5floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor6{background: url('/main/company/vr/skin/6floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor6_on{background: url('/main/company/vr/skin/6floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor7{background: url('/main/company/vr/skin/7floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor7_on{background: url('/main/company/vr/skin/7floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor8{background: url('/main/company/vr/skin/8floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor8_on{background: url('/main/company/vr/skin/8floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor9{background: url('/main/company/vr/skin/9floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor9_on{background: url('/main/company/vr/skin/9floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor10{background: url('/main/company/vr/skin/10floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor10_on{background: url('/main/company/vr/skin/10floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor11{background: url('/main/company/vr/skin/11floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor11_on{background: url('/main/company/vr/skin/11floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor12{background: url('/main/company/vr/skin/12floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor12_on{background: url('/main/company/vr/skin/12floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor13{background: url('/main/company/vr/skin/13floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor13_on{background: url('/main/company/vr/skin/13floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor14{background: url('/main/company/vr/skin/14floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor14_on{background: url('/main/company/vr/skin/14floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor22{background: url('/main/company/vr/skin/22floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor22_on{background: url('/main/company/vr/skin/22floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor18{background: url('/main/company/vr/skin/18floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor18_on{background: url('/main/company/vr/skin/18floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor31{background: url('/main/company/vr/skin/31floor_off.png') no-repeat; background-size: cover;margin: auto;}
.floor_layer .floor .floor31_on{background: url('/main/company/vr/skin/31floor_on.png') no-repeat;background-size: cover;}


.top_title{position: absolute;top: 134px;width:100%; z-index:10;}
.vr_title {margin-left:15px; width: 100%;z-index: 15;text-align: left;font-size: 32px;color: #fff;font-weight: bold;font-family: 'Roboto', sans-serif;letter-spacing: 0.4px;}
.vr_title > div{text-shadow: 0px 1px black, -1px -1px black, 0px 1px black, 0px -1px black, 1px 0px black, -1px 0px black, 0 0 7px black; float:left;}
.vr_hall_thum{ -moz-transition: 0.5s; transition: 0.5s;-o-transition: 0.5s;-moz-transition:0.5s; transition-timing-function: ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;}
.vr_hall_thum{  position: absolute;bottom: -3px;width: 100%;z-index: 10;text-align: center;}
.vr_hall_thum > div{background: #f3f3f3b3;border-top: 2px solid #000;}
.vr_hall_off{}
.vr_hall_thum ul {display: inline-block;padding: 2px 5px;    width: 640px;box-sizing: border-box;}
.vr_hall_thum ul li{ position: relative;float:left;    width: 24%;margin: 3px;}
.vr_hall_thum ul img{border: 2px solid #fff;box-sizing: border-box;}

.vr_hall_thum ul li a > div{position: absolute;top: 2px;width: 100%;text-align: center;color: #fff;letter-spacing: 0px;}
.vr_hall_thum ul li a > div > div{background: #00000082;margin: 0px 3px;padding:6px 2px; font-size:14px;}

.vr_close_btn{background: url(/main/company/vr/skin/vr_close.png) no-repeat;width: 180px;background-size: cover;height: 56px;margin-right: 12px;z-index: 10;float:right;}


.hall_list_btn{background: url(/main/company/vr/skin/hall_list_btn.png) no-repeat;width: 180px;background-size: cover;height: 53px;   position: absolute;top: -52px;right: 10px;}
.hall_list_btn_on {background-position: 0px -54px;}
.hall_list_btn_off {background-position: 0px 0px;}

.horizontal_mode .floor_layer{width:130px;}	
.horizontal_mode .floor_layer .floor .fbtnimg{width: 115px;height: 35px;}	
.horizontal_mode .vr_hall_thum ul li{width:90px;} 
.horizontal_mode .vr_hall_thum > div {overflow-x:auto;}
.horizontal_mode .vr_hall_thum ul li a > div > div { padding:3px 2px; font-size: 10px;}
.horizontal_mode .vr_close_btn{width:100px; height:31px;}
.horizontal_mode .hall_list_btn{width:100px;height:31px;top:-30px;}
.horizontal_mode .vr_title{margin-left:20px;font-size:20px;}
.horizontal_mode .vr_title > div{margin-top:5px;}