/*前期请求资源加载样式*/
#cssload-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 15;
	overflow: hidden;
}

.cssload-loader {
	width: 146px;
	height: 146px;
	border: 1px rgb(255,255,255) solid;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -73px 0 0 -73px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
}

.cssload-loader .cssload-loading {
	font-size: 12px;
	position: absolute;
	width: 100%;
	text-align: center;
	line-height: 14px;
	font-family: 'Century Gothic', sans-serif;
	font-style: normal;
	left: 0;
	top: 50%;
	margin-top: 19px;
	color: rgb(255,255,255);
	font-weight: bold;
	text-transform: uppercase;
		-o-text-transform: uppercase;
		-ms-text-transform: uppercase;
		-webkit-text-transform: uppercase;
		-moz-text-transform: uppercase;
}

.cssload-loader-circle-1 {
	width: 135px;
	height: 135px;
	left: 5px;
	top: 5px;
	border: 1px rgb(255,255,255) solid;
	position: absolute;
	border-right-color: transparent;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	animation: spin 3.45s linear infinite;
		-o-animation: spin 3.45s linear infinite;
		-ms-animation: spin 3.45s linear infinite;
		-webkit-animation: spin 3.45s linear infinite;
		-moz-animation: spin 3.45s linear infinite;
}

.cssload-loader-circle-2 {
	width: 123px;
	height: 123px;
	left: 5px;
	top: 5px;
	border: 1px transparent solid;
	position: absolute;
	border-right-color: rgb(232,21,18);
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	animation: spin 5.75s linear infinite;
		-o-animation: spin 5.75s linear infinite;
		-ms-animation: spin 5.75s linear infinite;
		-webkit-animation: spin 5.75s linear infinite;
		-moz-animation: spin 5.75s linear infinite;
}

.cssload-loader .cssload-line {
	width: 10px;
	height: 2px;
	background: rgb(255,255,255);
	position: absolute;
}

.cssload-loader .cssload-line:nth-child(1) {
	left: 16px;
	top: 50%;
	margin-top: -1px;
}

.cssload-loader .cssload-line:nth-child(2) {
	transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	left: 32px;
	top: 32px;
}

.cssload-loader .cssload-line:nth-child(3) {
	top: 16px;
	left: 50%;
	width: 2px;
	height: 10px;
}

.cssload-loader .cssload-line:nth-child(4) {
	transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
	right: 32px;
	top: 32px;
}

.cssload-loader .cssload-line:nth-child(5) {
	right: 16px;
	top: 50%;
	margin-top: -1px;
}

.cssload-loader .cssload-line:nth-child(6) {
	transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	right: 32px;
	bottom: 32px;
	background: rgb(232,21,18);
}

.cssload-loader .cssload-subline {
	position: absolute;
	width: 3px;
	height: 2px;
	background: rgb(255,255,255);
}

.cssload-loader .cssload-subline:nth-child(7) {
	transform: rotate(22.5deg);
		-o-transform: rotate(22.5deg);
		-ms-transform: rotate(22.5deg);
		-webkit-transform: rotate(22.5deg);
		-moz-transform: rotate(22.5deg);
	left: 20px;
	top: 49px;
}

.cssload-loader .cssload-subline:nth-child(8) {
	transform: rotate(67.5deg);
		-o-transform: rotate(67.5deg);
		-ms-transform: rotate(67.5deg);
		-webkit-transform: rotate(67.5deg);
		-moz-transform: rotate(67.5deg);
	left: 49px;
	top: 20px;
}

.cssload-loader .cssload-subline:nth-child(9) {
	transform: rotate(112.5deg);
		-o-transform: rotate(112.5deg);
		-ms-transform: rotate(112.5deg);
		-webkit-transform: rotate(112.5deg);
		-moz-transform: rotate(112.5deg);
	right: 49px;
	top: 20px;
}

.cssload-loader .cssload-subline:nth-child(10) {
	transform: rotate(157.5deg);
		-o-transform: rotate(157.5deg);
		-ms-transform: rotate(157.5deg);
		-webkit-transform: rotate(157.5deg);
		-moz-transform: rotate(157.5deg);
	right: 20px;
	top: 49px;
}

.cssload-loader .cssload-subline:nth-child(11) {
	transform: rotate(22.5deg);
		-o-transform: rotate(22.5deg);
		-ms-transform: rotate(22.5deg);
		-webkit-transform: rotate(22.5deg);
		-moz-transform: rotate(22.5deg);
	right: 19px;
	bottom: 48px;
	background: rgb(232,21,18);
}

.cssload-loader .cssload-needle {
	width: 14px;
	height: 14px;
	border: 1px rgb(255,255,255) solid;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px;
	z-index: 1;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	animation: pegIt 3.45s infinite ease-in-out;
		-o-animation: pegIt 3.45s infinite ease-in-out;
		-ms-animation: pegIt 3.45s infinite ease-in-out;
		-webkit-animation: pegIt 3.45s infinite ease-in-out;
		-moz-animation: pegIt 3.45s infinite ease-in-out;
}

.cssload-loader .cssload-needle:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 49px 3.5px 0;
	border-color: transparent rgb(232,21,18) transparent transparent;
	position: absolute;
	right: 50%;
	top: 50%;
	margin: -3.5px 0 0 0;
	border-radius: 0 50% 50% 0;
		-o-border-radius: 0 50% 50% 0;
		-ms-border-radius: 0 50% 50% 0;
		-webkit-border-radius: 0 50% 50% 0;
		-moz-border-radius: 0 50% 50% 0;
}





@keyframes pegIt {
	0% {
		transform: rotate(0deg);
	}
	16% {
		transform: rotate(75deg);
	}
	25% {
		transform: rotate(55deg);
	}
	30% {
		transform: rotate(90deg);
	}
	36% {
		transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		transform: rotate(227deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-o-keyframes pegIt {
	0% {
		-o-transform: rotate(0deg);
	}
	16% {
		-o-transform: rotate(75deg);
	}
	25% {
		-o-transform: rotate(55deg);
	}
	30% {
		-o-transform: rotate(90deg);
	}
	36% {
		-o-transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		-o-transform: rotate(227deg);
	}
	100% {
		-o-transform: rotate(0deg);
	}
}

@-ms-keyframes pegIt {
	0% {
		-ms-transform: rotate(0deg);
	}
	16% {
		-ms-transform: rotate(75deg);
	}
	25% {
		-ms-transform: rotate(55deg);
	}
	30% {
		-ms-transform: rotate(90deg);
	}
	36% {
		-ms-transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		-ms-transform: rotate(227deg);
	}
	100% {
		-ms-transform: rotate(0deg);
	}
}

@-webkit-keyframes pegIt {
	0% {
		-webkit-transform: rotate(0deg);
	}
	16% {
		-webkit-transform: rotate(75deg);
	}
	25% {
		-webkit-transform: rotate(55deg);
	}
	30% {
		-webkit-transform: rotate(90deg);
	}
	36% {
		-webkit-transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		-webkit-transform: rotate(227deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes pegIt {
	0% {
		-moz-transform: rotate(0deg);
	}
	16% {
		-moz-transform: rotate(75deg);
	}
	25% {
		-moz-transform: rotate(55deg);
	}
	30% {
		-moz-transform: rotate(90deg);
	}
	36% {
		-moz-transform: rotate(170deg);
	}
	42% {
		transform: rotate(150deg);
	}
	50% {
		-moz-transform: rotate(227deg);
	}
	100% {
		-moz-transform: rotate(0deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}


.row {

}


/*全景图片上传进度条*/
/*#add_ul_pic li{float:left;width:120px;height:120px;border:1px solid #ddd;margin:0 5px 10px}  */
.pano_progress{
	
	height:20px;
	line-height:20px;
	position:absolute;
	top:50%; 
	left:0;
	margin-top:-10px;
	z-index:999;
	width:100%;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);
            box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);	
} 
.bar{
	background-color:#449d44; 
	display:block; 
	width:0%; 
	height:20px; 
	line-height:20px; 
	border-radius:5px; 
	} 
	
.percent{
	position:absolute; 
	height:20px; 
	line-height:20px;
	top:0; 
	left:0; 
	color:#fff; 
	font-size:12px;
	text-align:center;
	margin:0 auto;
	}
	
	
/*全景设置区域样式表*/
.panosetarea
{
	padding:15px 0 10px 0;
	background:#fefefe;
}	
	
.panosetarealink
{
	padding:0 0 10px 0;
	background:#fefefe;	
}
.panosetarealink dt
{
	text-align:left;
}

.panosetarealink dd
{
	margin-top:0.8em;
	text-align:left;
}


.panosetarea dt
{
	text-align:center;
}
.panosetarea dt img
{
	cursor:pointer;
}
.panosetarea dd
{
	
	text-align: center;
    line-height: 32px;
    height: 32px;
}
.panosetarea dd span
{
	cursor:pointer;
}
.panosetarea dd span:hover
{
	color:#2d8fe2;
}	 
.handclose
{
	width:100%;
	height:50px; 
	line-height:50px;
	text-align:center;
	background:#f1f1f1;
	color:#2d8fe2;
	overflow:hidden;
	border-top:1px solid #cfcfcf;
}

.handclose span
{
	cursor:pointer;
	color:#fc472b;
}
.handclose span:hover
{
    color:#2d8fe2;
}


#handclose_span
{
  padding:6px 15px;
  color: #fff;
 border-radius: 5px;
  background-color: #d9534f;
  border-color: #d43f3a;
  font-size:0.875em;
}



#handclose_span:hover,
#handclose_span.hover 
{
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}


#handclose_span_btn
{
  padding:6px 15px;
  color: #fff;
 border-radius: 5px;
  background-color: #d9534f;
  border-color: #d43f3a;
  font-size:0.875em;
}



#handclose_span_btn:hover,
#handclose_span_btn.hover 
{
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}



/*背景音乐*/

.panosetarea  .addmusicbtn
{
	background:#2c8ee1;
	color:#FFF;
	padding:8px 20px;
	border-radius:4px;
}
.panosetarea  .available_btn
{
	background:#2c8ee1;
	color:#FFF;
	padding:8px 20px;
	border-radius:4px;
	
}
.panosetarea  .addmusicbtn:hover
{
	background:#69b3f2;
}


.panosetarea  .music_press
{
	/*text-align:center;
	margin-top:15px;
	border-top:2px solid #449d44;*/
	display:none;
}

.panosetarea  .music_press_text
{
	display:none;
}


/*自定义logo*/
.panosetarea  .addlogobtn
{
	background:#2c8ee1;
	color:#FFF;
	padding:8px 20px;
	border-radius:4px;
}
.panosetarea  .available_btn
{
	background:#2c8ee1;
	color:#FFF;
	padding:8px 20px;
	border-radius:4px;
	
}
.panosetarea  .addlogobtn:hover
{
	background:#69b3f2;
}


.panosetarea  .logo_press
{
	/*text-align:center;
	margin-top:15px;
	border-top:2px solid #449d44;*/
	display:none;
}

.panosetarea  .logo_press_text
{
	display:none;
}

.panosetarea .logolink
{
	text-align:left;
	margin-top:0.8em;
}