﻿/* === Reset === */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	text-align:left;
	font-size:12px;
	color: #222;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
sup {
	vertical-align:text-top;
	font-size:smaller;
	line-height:1;
}
/*
a, area, input, select, textarea, button, iframe, object, embed {
	outline:none;
}
*/
*:focus {
	outline:none;
}
.pressTabkey *:focus {
	outline:1px dotted invert;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear:both;
	visibility:hidden;
}

.clear {
	min-height:1px;
}

*html .clear {
	height:1px;
}
/************************** generic class *****************************/
body {
	 background:#e3e3e3 url(/shared/images/bg-overall-shadow-dark.gif) center top repeat-y;
	font-family:"Microsoft YaHei", '微软雅黑',  'Arial', 'sans-serif';
}
#page {
	max-width: 1200px;
	min-width: 980px;
	_width:1200px;
	margin: 0 auto;
	background: #fff;
	overflow:hidden;
}
html.touch-device body {
	min-width:1000px;
	min-height:1200px;
}
html.touch-device #page {
	min-width:1000px;
}
.rwd {
	display:none;
}
.container,.kv_container{
   max-width: 940px;
	_width:940px;
	padding: 0 20px 0 20px;
	margin: 0 auto;
	position:relative;
}
#bookmarkbar .container 
{max-width: 976px;padding: 0 2px 0 2px;}
#sections .pagesection.sectioncenter {
max-width: 1200px;
padding: 0;
}
#sections .sectionContents {
position: relative;
}
/************************** globalheader *****************************/
#browsebar{background:url(../images/header-bg2.gif) repeat-x;height:32px;padding-top:15px;overflow:hidden;display:none;}
#browsebar h1{color:#fff;font-size:14px;font-weight:bold;float:left;margin-right:8px;}
#browsebar li{float:left;margin-right:10px;}
#browsebar.fix {
    border-top: 1px solid #362f2f;
	position:fixed;
	width:100%;
	max-width:1200px;
	margin: 0 auto;
    height: 47px;
	top:0;
	z-index:1000;
}
/*===#bookmarkbar====*/
#bookmarkbar {
	height:34px;
/*	border-top:1px solid #362f2f;*/
	background:url(../images/img-bar-bookmark-gradient.png) no-repeat top center #434343;
}
#bookmarkbar nav {
	background-image:url(../images/img-bar-bookmark-angled2.png);
	background-repeat:no-repeat;
	background-position: -877px 0;
	height:34px;
	
}
#bookmarkbar ul {
	font-size:0;
	text-align:center;
}
#bookmarkbar li {
	display:inline-block;
	cursor:pointer;
	float:left;
}
#bookmarkbar a {float:left;
	display:block;
	height:26px;
	padding:8px 35px 0 35px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	_color:#000;
}
#bookmarkbar a:hover,
#bookmarkbar a.selected {
	color:#fff;
}
#bookmarkbar.fix {
	position:fixed;
	width:100%;
	max-width:1200px;
	min-width:976px;
	margin: 0 auto;
    height: 34px;
	/*top:48px;*/
	top:0px;
	z-index:100;
}
#hero {
	background:#222 url(../images/bg-hero.jpg) center  top no-repeat;
	color:#fff;
	height:468px;
}
#hero .breadcrumbs{padding-top:10px;}
#hero .breadcrumbs li{float:left;color:#000000;margin-right:6px;}
#hero .breadcrumbs li a{color:#000000;}
#hero-main {
	position:relative;
	z-index:1;
	zoom:1;
	min-height:400px;
	clear:both;
}
#hero-main .keyvisual {
	position:absolute;top:0px;right:80px;
}
#hero-main .keycopy{color:#000;padding-top:60px;position:relative;}
#hero-main .keycopy h1{font-size:16px;font-weight:bold;margin-bottom:5px;margin-left:12px;float:left;line-height:30px;}
#hero-main .keycopy .extra-logo1{font-size:14px;margin-bottom:20px;font-weight:bold;}
#hero-main .keycopy h2.header1{font-size:30px;margin-bottom:15px;}
#hero-main .keycopy .bodycopy1{margin-bottom:90px;width:210px;line-height:22px;}
#hero-main .keycopy .bodycopy1 p{margin-bottom:10px;}
#hero-main .txt{ position:absolute; right:83px; top:100px; }
#hero-main .btn-style4{background:url(../images/btn-more.png) no-repeat;width:74px;height:33px;display:block;padding:10px 0 0 48px;font-size:14px;color:#000;position:absolute;left:-15px;top:300px;}
#features{height:650px;overflow:hidden;background:#fff;}
#features .gallery_box{position:absolute;left:0px;top:0px;width:100%;z-index:1;height:740px;overflow:hidden;}
#features .gallery{position:absolute;left:50%;top:0px;margin-left:-600px;}
#features .gallery a{position:relative;text-decoration:none;}
#features .gallery a:hover{text-decoration:none;}
#features .gallery_space{height:565px;}
#features .container{position:relative;height:44px;background:#fff;}
#features .gallery h1{font-weight:normal;}
#features .tabs_navwrap{position:relative;height:44px;background:#fff;width:100%;}
/*#features .tabs_btn{display:none;}*/
#features .tabs_prev{background:url(../images/product-sprite.png) no-repeat;background-position:-5px -27px;position:absolute;left:0px;top:0px;width:34px;height:44px;z-index:99;}
#features .tabs_next{background:url(../images/product-sprite.png) no-repeat;background-position:-71px -27px;width:34px;height:44px;position:absolute;right:0px;top:0px;z-index:99;}
#features .tabs_nav{z-index:99;position:absolute;left:50%;width:70px;margin-left:-35px;top:20px;}
#features .tabs_nav a{background:url(../images/product-sprite.png) no-repeat;background-position:-45px 0px;width:12px;height:15px;margin-right:2px;display:block;float:left;text-indent:-9999px;}
#features .tabs_nav a.activeSlide{background-position:-28px 0px;}
#features .tabs_menuwrap{padding-top:10px;height:56px;background:#ccc;}
#features .tabs-menu{width:561px;height:36px;position:absolute;left:50%;top:50px;margin-left:-300px;z-index:99;}
#features .tabs-menu li{float:left;}
#features .tabs-menu li a{background:url(../images/tabs-menu.jpg) no-repeat;height:36px;display:inline-block;float:left;}
#features .tabs-menu li.ui-state-active a,#features .tabs-menu li a:hover{background:url(../images/tabs-menu-on.jpg) no-repeat;}
#features .tabs-menu li.tab1 a{background-position:0 0;width:143px;}
#features .tabs-menu li.tab2 a{background-position:-143px 0;width:139px;}
#features .tabs-menu li.tab3 a{background-position:-281px 0;width:140px;}
#features .tabs-menu li.tab4 a{background-position:-421px 0;width:139px;}
#specs{height:650px;border-bottom:1px solid #888;border-top:1px solid #888;background:#fff;}
#specs .container{height:650px;}
#specs .specs-data{padding:70px 0 0 6px;width:260px;float:left;}
#specs .specs-data h1{font-size:25px;height:125px;}
#specs .specs-data h2{font-size:20px;font-weight:bold;padding-bottom:12px;border-bottom:1px solid #9e9e9e;margin-bottom:12px;}
#specs .specs-data h2 span{color:#000;font-size:14px;font-weight:normal;}
#specs .specs-data li{float:left;margin-bottom:10px;}
#specs .specs-data li.li_nme{width:215px;}
#specs .specs-data .btn_grp{margin-top:30px;}
#specs .specs-data .btn_spec{background:url(../images/btn-spec.png) no-repeat;width:134px;height:31px;display:block;padding:10px 0 0 40px;color:#fff;font-size:14px;font-weight:bold;}
#specs .specs-images-block{float:right;padding-top:50px;width:600px;position:relative;}
#specs .specs-images-block .spec_image{float:right;}
#specs .specs-images-block .color_select{position:absolute;color:#333;left:50px;top:488px;line-height:30px;width:260px;}
#specs .specs-images-block .color_select  span{display:inline-block;float:left;width:50px;}
#specs .specs-images-block .color_select ul{float:left;width:200px;}
#specs .specs-images-block .color_select li{margin-right:8px;float:left;width:32px;height:32px;}
#specs .specs-images-block .color_select li a{float:left;display:inline-block;float:left;width:32px;height:32px;background:url(../images/sepc-color-bg.png) no-repeat;}
#reviews .content{padding-top:50px;height:600px;text-align:center;margin:0px auto;background:#fff;}
#reviews .panel_video{width:640px;margin:0px auto;}
#reviews h2{font-size:28px;color:#333;margin-bottom:30px;}
#reviews h2 span{font-size:20px;font-weight:bold;}

#support{background:#d2d2d2;border-top:1px solid #888888;}
#support .content{padding-top:70px;height:400px;width:640px;margin:0px auto;text-align:center;}

#support h2{color:#333;font-size:35px;margin-bottom:60px;color:#333;}
#support h2 span{font-size:25px;font-weight:bold;}
.btn_support{width:130px;height:30px;font-weight:bold;display:block;color:#0099cc;padding:14px 0 0 0px;margin:0px auto;text-align:left;margin-top:15px;}
#support .btn_support{background:url(../images/btn-support.png) no-repeat;width:138px;height:30px;font-weight:bold;display:block;color:#0099cc;padding:14px 0 0 28px;margin:0px auto;text-align:left;}
/*====smallwin start===*/
.smallwin .container {
	max-width: 910px;
	_width:910px;
	padding: 0 25px 0 25px;
	position:relative;
}
.smallwin .header_wrap{width:910px;} 
.smallwin #bookmarkbar .container{max-width: 976px;padding: 0 2px 0 2px;}
.smallwin #features .tabs_prev{left:15px;}
.smallwin #features .tabs_next{right:20px;}
.smallwin #specs .specs-data .btn_spec{left:30px;}
/*.smallwin #features .gallery .kv1_7 .txt{left:24px;}*/
/*====smallwin end===*/
.footer_bnr{width:960px;margin:0px auto;padding-top:30px;}
.footer_bnr a img, .footer_bnr div img { border:5px solid #444444; float:left;}
/*.footer_bnr a:hover img, .footer_bnr div:hover img { border:5px solid #fff; }*/
.footer_bnr a.slide{float:left;}
/************************** seemore-overlay *****************************/

#seemore-overlay {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:5000;
	visibility:hidden;
}
#seemore-overlay-in {
	position:relative;
	max-width:1200px;
	min-width:976px;
	height:618px;
	margin:0 auto;
	background:url(../images/more/bg-hero-tourscreen-b.jpg) no-repeat center top;
}
html.touch-device #seemore-overlay-in {
	width:1000px
}
#seemore-header {
	padding-top:55px;
}
#seemore-header:after {
	content:"";
	display:block;
	height:0;
	overflow:hidden;
	clear:both;
}
#seemore-header h2 {
	float:left;
	font-family: 'Open Sans Condensed', 'Arial', sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
#seemore-header .btn-close {
	float:right;
	position:relative;
	z-index:11;
}
#seemore-header .btn-close a {
	display:inline-block;
	width:28px;
	height:26px;
	overflow:hidden;
}
#seemore-content {
	margin-top:0;
}
#seemore-content .tabs-menu {
	width:500px;
	margin:-25px auto 0;
	position:relative;
	z-index:10;
}
#seemore-content .tabs-menu ul {
	font-size:0;
	text-align:center;
}
#seemore-content .tabs-menu ul li {
	display:inline-block;
	*display:inline;
	border-right:1px solid #181818;
	border-left:1px solid #444;
	
	cursor:pointer;
}
#seemore-content .tabs-menu ul li:first-child {
	border-left:none;
}
#seemore-content .tabs-menu ul li:last-child {
	border-right:none;
}
#seemore-content .tabs-menu ul li a {
	font-family: 'Open Sans Condensed', 'Arial', sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#b6b6b6;
	cursor:pointer;
	padding:0 25px;
}
#seemore-content .tabs-menu ul li a span {
	display:inline-block;
	vertical-align:middle;
}
#seemore-content .tabs-menu ul li a:before {
	content:"";
	display:inline-block;
	width:28px;
	height:25px;
	margin-right:10px;
	background-repeat:no-repeat;
	vertical-align:middle;
}
#seemore-content .tabs-menu ul li a.tour:before {
	background-position : -447px -18px ;
}
#seemore-content .tabs-menu ul li a.gallery:before {
	background-position : -508px -18px ;
}
#seemore-content .tabs-menu ul li a.r360:before {
	width:21px;
	background-position : -481px -18px ;
}
#seemore-content .tabs-menu ul li a.r360hmx:before {
	width:22px;
	background-position : -481px -72px ;
}
#seemore-content .tabs-menu ul li.ui-state-active a.tour:before,
#seemore-content .tabs-menu ul li a.tour:hover:before {
	background-position : -447px -45px ;
}
#seemore-content .tabs-menu ul li.ui-state-active a.gallery:before,
#seemore-content .tabs-menu ul li a.gallery:hover:before {
	background-position : -508px -45px ;
}
#seemore-content .tabs-menu ul li.ui-state-active a.r360:before,
#seemore-content .tabs-menu ul li a.r360:hover:before {
	width:21px;
	background-position : -481px -45px ;
}
#seemore-content .tabs-menu ul li.ui-state-active a.r360hmx:before,
#seemore-content .tabs-menu ul li a.r360hmx:hover:before {
	width:22px;
	background-position : -481px -99px ;
}
#seemore-content .tabs-menu ul li a:hover,
#seemore-content .tabs-menu ul li.ui-state-active a {
	color:#fff;
}
#overview-tour .youtube-placeholder {
	width:810px;
	height:456px;
	margin:40px auto 0;
}
#overview-gallery .slider-wrapper {
	height:460px;
	margin:20px auto 0;
}
#overview-gallery .slide-block {
	float:left;
	text-align:center;
}
#overview-gallery .slider-wrapper .titles-paginator {
	position:relative;
}
#overview-gallery .slider-wrapper .titles-paginator .first-child {
	float:left;
	text-align:left;
}
#overview-gallery .slider-wrapper .titles-paginator .last-child {
	float:right;
	text-align:right;
}

#overview-gallery .slider-wrapper .titles-paginator .prev,
#overview-gallery .slider-wrapper .titles-paginator .next {
	display:inline-block;
	width:37px;
	height:47px;
	overflow:hidden;
	vertical-align:middle;
	position:relative;
	top:-255px;
}
#overview-gallery .slider-wrapper .titles-paginator .prev {
	margin-right:15px;
}
#overview-gallery .slider-wrapper .titles-paginator .next {
	margin-left:15px;
}
#overview-gallery .slider-wrapper .titles-paginator .paginator {
	text-align:center;
}
#overview-gallery .slider-wrapper .titles-paginator .paginator a {
	display:inline-block;
	padding:0 5px;
}
#overview-gallery .slider-wrapper .titles-paginator .paginator a span {
	display:inline-block;
	width:11px;
	height:11px;
	/* SCSK add start */
	background-image:url(../images/more/icn-slideshow-dot-grey-off.png);
	background-repeat:no-repeat;
	/* SCSK add end */
}
#overview-gallery .slider-wrapper .titles-paginator .paginator .selected a span {
	/* SCSK modified start */
	/*background-position : -430px -70px ;*/
	background-image:url(../images/more/icn-slideshow-dot-grey-on.png);
	/* SCSK modified end */
}
#overview-gallery .slider-wrapper .titles-paginator .paginator .paginator-mob {
	display:none;
}
#overview-360 {
	position:relative;
}
#overview-360-in {
	position:relative;
	width:976px;
	margin:0 auto;
}
#overview-360  .view_container360 {
	width:976px;
	height:490px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
#overview-360 .image_hor,
#overview-360 .image_ver {
    position: absolute;
	width:100%;
}
#overview-360 .image_ver {
	display:none;
}
#overview-360 .image_hor img,
#overview-360 .image_ver img {
	display:block;
}
#overview-360 .bottom-slider {
	position:relative;
	margin:0 auto;
	width:290px;
	text-align:center;
	color:#fff;
}
#overview-360 .bottom-slider .angle_scroll {
	position:relative;
	display:inline-block;
	margin:0 80px;
	width:142px;
	height:20px;
}
#overview-360 .bottom-slider .angle_scroll a {
	position:absolute;
	display:block;
	width:48px;
	height:48px;
	margin:0 0 0 -24px;
	top:-14px;
}
#overview-360 .bottom-slider .grados {
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:20px;
	font-family: 'Open Sans Condensed', 'Arial', sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:right;
}
#overview-360 .side-slider {
	position:absolute;
	top:170px;
	right:0;
	color:#fff;
	text-align:center;
}
#overview-360 .side-slider .angle_scroll {
	position:relative;
	display:inline-block;
	width:48px;
	height:142px;
}
#overview-360 .side-slider .angle_scroll a {
	position:absolute;
	display:block;
	width:48px;
	height:48px;
	margin:0 0 -24px 0;
	left:0;
    /*outline: none;*/
}
#overview-360 .side-slider .grados {
	width:48px;
	height:20px;
	margin-bottom:25px;
	font-family: 'Open Sans Condensed', 'Arial', sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:right;
}
.overview-hmx {
	width:900px;
	height:506px;
	margin:0 auto;
}
.overview-hmx iframe {
	width:900px;
	height:506px;
	margin:15px auto 0;
}
/*===seemore end====*/
.pagesection .tabs-menu2{width:142px;margin:0px auto;margin-bottom:18px;}
.pagesection .tabs-menu2 li{padding-left:22px;display:inline-block;height:36px;margin:0px;float:left;}
.pagesection .tabs-menu2 li a{display:inline-block;height:36px;line-height:36px;padding-right:22px;color:#1f1f1f;font-weight:bold;}
.pagesection .tabs-menu2 li a:hover{text-decoration:none;}
.pagesection .tabs-menu2 li.li2{background:url(../images/img-tab-off-cap-right.png) right top no-repeat;padding-left:0px;padding-right:22px;border-left:1px solid #e5ecec;}
.pagesection .tabs-menu2 li.li2 a{padding-left:22px;padding-right:0px;}
.pagesection .tabs-menu2 li.current a{color:#606060;}

.pagesection .tabs-menu2 li#tabs_v2.current{background:url(../images/img-tab-on-cap-right.png) right top no-repeat;}
.getinspired-mainbox  #tabs2_prev{background:url(../images/product-sprite.png) no-repeat;background-position:-5px -27px;position:absolute;left:0px;top:158px;width:34px;height:44px;z-index:99;}
.getinspired-mainbox  #tabs2_next{background:url(../images/product-sprite.png) no-repeat;background-position:-71px -27px;width:34px;height:44px;position:absolute;right:0px;top:158px;z-index:99;}
.getinspired-mainbox{text-align:center;position:relative;}
.getinspired-mainbox #getinspired-box{width:640px;margin:0px auto;}
.getinspired-mainbox .getinspired-img{padding-bottom:5px;background:url(../images/gallery/img-product-video-shadow.png) left bottom no-repeat;}
.getinspired-mainbox .getinspired-caption{text-align:left;line-height:17px;margin-top:5px;}
.getinspired-mainbox #getinspired_pager li a img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray;
    -webkit-filter: grayscale(100%);}
.getinspired-mainbox #getinspired_pager li a:hover img,.getinspired-mainbox #getinspired_pager li.activeSlide a img{	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);}	
.getinspired-mainbox #getinspired_pager{margin-top:50px;}
.getinspired-mainbox #getinspired_pager li{display:inline;margin-right:5px;}
.getinspired-mainbox #getinspired_pager li:last-child{margin-right:0px;}