[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html,button,input,select,textarea {
	font-family: Arial, sans-serif;
	color: #444
}

body {
	font-size: 1em;
	line-height: 1.4;
	margin: 0
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}

.clearfix:before,.clearfix:after {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

#player360 {
	position: relative;
	text-align: center;
	border: 1px solid #000;
	cursor: pointer
}

#player360,#player360div {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none
}

#logo360 {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 55px;
	background: transparent url(../images/logo.png) 0 0 no-repeat;
	margin: 8px
}

#control360 {
	position: absolute;
	bottom: 0;
	left: 0
}

#control360 div {
	float: left;
	width: 36px;
	height: 36px;
	line-height: 38px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	font-size: 20px;
	color: #F27D00;
	margin: 0 0 4px 4px
}

#control360 #resol {
	font-family: Arial, sans-serif
}

.btn_hd_off {
	background: transparent url(../images/btn_hd_off.png) 0 0 no-repeat
}

.btn_hd_on {
	background: transparent url(../images/btn_hd_on.png) 0 0 no-repeat
}

.btn_pan {
	background: transparent url(../images/btn_pan.png) 0 0 no-repeat
}

.btn_rotate {
	background: transparent url(../images/btn_rotate.png) 0 0 no-repeat
}

.btn_zoom_in {
	background: transparent url(../images/btn_zoom_in.png) 0 0 no-repeat
}

.btn_zoom_out {
	background: transparent url(../images/btn_zoom_out.png) 0 0 no-repeat
}