body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	overflow-x: hidden;
	overflow-y: hidden;
}

img {
	border: 0;
}

div, p {
	margin: 0;
	padding: 0;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
}


h1, h2, h3 {
	margin: 0;
	padding: 0;
}

#content {
	width: 860px;
	margin: 0 auto;
	text-align: left;
}

/*----------------------------------------------
Header
----------------------------------------------*/

#header {
	position: relative;
	height: 81px;
	background: url(../img/head_bg.jpg) left top no-repeat;
	zoom: 1;
}

#header h1 {
	position: absolute;
	left: 24px;
	top: 18px;
}

#title360 {
	position: absolute;
	top: 3px;
	right: 80px;
}

#btnclose {
	position: absolute;
	top: 3px;
	right: 7px;
}

#click-note {
	position: absolute;
	right: 12px;
	top: 46px;
	width: 307px;
	height: 16px;
}

/*----------------------------------------------
Main Area
----------------------------------------------*/

#mainarea {
	position: relative;
	background: url(../img/bg.jpg) left top no-repeat;
	height: 495px;
	zoom: 1;
}

#arrow-l {
	position: absolute;
	width: 48px;
	height: 69px;
	top: 176px;
	left: 24px;
	cursor: pointer;
	z-index: 1000;
}

#arrow-r {
	position: absolute;
	width: 48px;
	height: 69px;
	top: 176px;
	right: 23px;
	cursor: pointer;
	z-index: 1001;
}

#camera-main {
	position: absolute;
	width: 476px;
	height: 341px;
	top: 50px;
	left: 192px;
}

#camera-callout {
	position: absolute;
	width: 734px;
	height: 385px;
	top: 15px;
	left: 63px;
}

#camera-color {
	position: absolute;
	width: 340px;
	height: 231px;
	top: 65px;
	left: 261px;
}

#color-name {
	text-align: right;
	padding: 0 29px 3px 0;
}

.f-b-block {
	width: 300px;
	margin: 5px 0 0 19px;
	overflow: hidden;
	zoom: 1;
}

.f-b-left {
	float: left;
	width: 151px;
}

#f-b-btn {
	position: absolute;
	width: 250px;
	top: 256px;
	left: -15px;
	overflow: hidden;
	zoom: 1;
}

#f-b-btn div {
	float: left;
}

#f-view {
	cursor: pointer;
}

#b-view {
	cursor: pointer;
}

#camera-color .notrotate {
	position: absolute;
	width: 340px;
	top: 297px;
	font-size:70%;
	line-height:130%;
	text-align: center;
}

#back360-color {
	position: absolute;
	top: 250px;
	right: -16px;
	width: 135px;
	height: 32px;
	cursor: pointer;
}

#camera-flash {
	position: absolute;
	width: 340px;
	height: 291px;
	top: 8px;
	left: 261px;
}

#back360-flash {
	position: absolute;
	top: 310px;
	right: 20px;
	width: 135px;
	height: 32px;
	cursor: pointer;
}

#camera-flash .notrotate {
	position: absolute;
	width: 240px;
	top: 320px;
	left: 20px;
	font-size:70%;
	line-height:130%;
}

#btn-flash {
	position: absolute;
	width: 170px;
	height: 40px;
	bottom: 7px;
	right: 14px;
	cursor: pointer;
}

#camera-lcd {
	position: absolute;
	width: 490px;
	height: 291px;
	top: 87px;
	left: 200px;
}

#back360-lcd {
	position: absolute;
	top: 231px;
	right: 73px;
	width: 135px;
	height: 32px;
	cursor: pointer;
}

#camera-lcd .notrotate {
	position: absolute;
	width: 240px;
	top: 300px;
	left: 90px;
	font-size:70%;
	line-height:130%;
}

#btn-lcd {
	position: absolute;
	width: 170px;
	height: 40px;
	bottom: 7px;
	right:189px;
	cursor: pointer;
}

.lcd-f-b-block {
	width: 300px;
	margin: 5px 0 0 19px;
	overflow: hidden;
	zoom: 1;
}

.lcd-f-b-left {
	float: left;
	width: 151px;
}

#lcd-f-b-btn {
	position: absolute;
	width: 250px;
	top: 234px;
	left: 45px;
	overflow: hidden;
	zoom: 1;
}

#lcd-f-b-btn div {
	float: left;
}

#lcd-f-view {
	cursor: pointer;
}

#lcd-b-view {
	cursor: pointer;
}

#lcd-180-block {
	position: absolute;
	top: 268px;
	left: 84px;
	overflow: hidden;
	zoom: 1;
}

#lcd-180-block-back {
	position: absolute;
	top: 268px;
	left: 49px;
	overflow: hidden;
	zoom: 1;
}

#lcd-180-block div,
#lcd-180-block-back div {
	float: left;
}

#lcd-btn1 {
	cursor: pointer;
}

#lcd-btn2 {
	cursor: pointer;
}

#lcd-btn3 {
	cursor: pointer;
}

#lcd-btn4 {
	cursor: pointer;
}

#lcd-btn5 {
	cursor: pointer;
}

#btn-color {
	position: absolute;
	width: 255px;
	height: 44px;
	bottom: 48px;
	left: 28px;
}

#btn-color dl {
	height: 44px;
	overflow: hidden;
	zoom: 1;
}

#btn-color dt {
	float: left;
	width: 41px;
	height: 29px;
	padding-top: 15px;
	margin-right: 17px;
}

#btn-color dd {
	float: left;
	display: inline;
	height: 44px;
	margin-right: 19px;
	cursor: pointer;
}

#btn-info {
	position: absolute;
	width: 270px;
	height: 26px;
	bottom: 7px;
	left: 28px;
}

#btn-info dl {
	height: 26px;
	overflow: hidden;
	zoom: 1;
}

#btn-info dt {
	float: left;
	width: 71px;
	height: 26px;
	padding-top: 2px;
	margin-right: 19px;
}

#btn-info dd {
	float: left;
	display: inline;
	margin-right: 23px;
	cursor: pointer;
}

#btn-info dt img,
#btn-info dd img {
	vertical-align: top;
}




/*----------------------------------------------
Footer
----------------------------------------------*/

#footer {
	position: relative;
	background: url(../img/foot_bg.jpg) left top no-repeat;
	height: 74px;
	zoom: 1;
}

#prodnum {
	position: absolute;
	top: 30px;
	right: 18px;
}

#copyright {
	position: absolute;
	top: 53px;
	left: 16px;
}