}
@media only screen and (max-width: 735px) {
body {
	font-size: 18px;
	line-height: 1.45;
	font-weight: 400;
	letter-spacing: normal
}
}
html[lang=zh-TW] body {
	font-size: 16px;
	line-height: 1.75
}
@media only screen and (max-width: 1068px) {
html[lang=zh-TW] body {
	font-size: 16px;
	line-height: 1.75
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-TW] body {
	font-size: 16px;
	line-height: 1.75
}
}
html[lang=zh-HK] body {
	font-size: 16px;
	line-height: 1.75
}
@media only screen and (max-width: 1068px) {
html[lang=zh-HK] body {
	font-size: 16px;
	line-height: 1.75
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-HK] body {
	font-size: 16px;
	line-height: 1.75
}
}
html[lang=zh-CN] body {
	font-size: 16px;
	line-height: 1.75
}
@media only screen and (max-width: 1068px) {
html[lang=zh-CN] body {
	font-size: 16px;
	line-height: 1.75
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-CN] body {
	font-size: 16px;
	line-height: 1.75
}
}


@media only screen and (min-width: 1442px) {
.xlarge-hide {
	display: none
}
}
@media only screen and (max-width: 1068px) {
.medium-hide {
	display: none
}
}
@media only screen and (max-width: 735px) {
.small-hide {
	display: none
}
}
.large-show {
	display: block
}
@media only screen and (min-width: 1442px) {
.xlarge-show {
	display: block
}
}
@media only screen and (max-width: 1068px) {
.medium-show {
	display: block
}
}
@media only screen and (max-width: 735px) {
.small-show {
	display: block
}
}
.large-show-inline {
	display: inline
}
@media only screen and (min-width: 1442px) {
.xlarge-show-inline {
	display: inline
}
}
@media only screen and (max-width: 1068px) {
.medium-show-inline {
	display: inline
}
}
@media only screen and (max-width: 735px) {
.small-show-inline {
	display: inline
}
}
.large-show-inlineblock {
	display: inline-block
}
html.oldie .large-show-inlineblock {
	display: inline;
	zoom: 1
}
@media only screen and (min-width: 1442px) {
.xlarge-show-inlineblock {
	display: inline-block
}
html.oldie .xlarge-show-inlineblock {
	display: inline;
	zoom: 1
}
}
@media only screen and (max-width: 1068px) {
.medium-show-inlineblock {
	display: inline-block
}
html.oldie .medium-show-inlineblock {
	display: inline;
	zoom: 1
}
}
@media only screen and (max-width: 735px) {
.small-show-inlineblock {
	display: inline-block
}
html.oldie .small-show-inlineblock {
	display: inline;
	zoom: 1
}
}

.icon-standalone:before, .icon-standalone:after, .icon-standalone .icon-htc {
	display: inline-block;
	color: inherit;
	font-family: "AppleIcons";
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	position: relative;
	z-index: 1
}
.icon-standalone:after, .icon-standalone .icon-htc {
	top: 0;
	padding-left: 0;
	padding-right: 0
}
.icon-standalone:before {
	display: none
}
.icon-font {
	font-family: "AppleIcons";
	font-style: normal;
	font-weight: inherit
}
.icon-ie-parent:link {
	text-decoration: none
}
html.no-js .icon-ie-parent:link:hover {
	text-decoration: none
}
html.no-js .icon-ie-parent:link:hover .icon-ie-link {
	text-decoration: underline
}
html.no-touch .icon-ie-parent:link:hover {
	text-decoration: none
}
html.no-touch .icon-ie-parent:link:hover .icon-ie-link {
	text-decoration: underline
}
.icon-chevrondown:before, .icon-chevrondown:after {
	content: ""
}
.icon-chevrondown .icon-htc {
	x-content: ""
}
.icon-chevrondownalt:before, .icon-chevrondownalt:after {
	content: ""
}
.icon-chevrondownalt .icon-htc {
	x-content: ""
}
.icon-chevronleft:before, .icon-chevronleft:after {
	content: ""
}
.icon-chevronleft .icon-htc {
	x-content: ""
}
.icon-chevronrightalt:before, .icon-chevronrightalt:after {
	content: ""
}
.icon-chevronrightalt .icon-htc {
	x-content: ""
}
.icon-chevronright:before, .icon-chevronright:after {
	content: ""
}
.icon-chevronright .icon-htc {
	x-content: ""
}
.icon-chevronleftalt:before, .icon-chevronleftalt:after {
	content: ""
}
.icon-chevronleftalt .icon-htc {
	x-content: ""
}
.icon-chevronup:before, .icon-chevronup:after {
	content: ""
}
.icon-chevronup .icon-htc {
	x-content: ""
}
.icon-chevronupalt:before, .icon-chevronupalt:after {
	content: ""
}
.icon-chevronupalt .icon-htc {
	x-content: ""
}
.icon-close:before, .icon-close:after {
	content: ""
}
.icon-close .icon-htc {
	x-content: ""
}
.icon-closealt:before, .icon-closealt:after {
	content: ""
}
.icon-closealt .icon-htc {
	x-content: ""
}
.icon-download:before, .icon-download:after {
	content: ""
}
.icon-download .icon-htc {
	x-content: ""
}
.icon-downloadalt:before, .icon-downloadalt:after {
	content: ""
}
.icon-downloadalt .icon-htc {
	x-content: ""
}
.icon-external:before, .icon-external:after {
	content: ""
}
.icon-external .icon-htc {
	x-content: ""
}
.icon-alert:before, .icon-alert:after {
	content: ""
}
.icon-alert .icon-htc {
	x-content: ""
}
.icon-list:before, .icon-list:after {
	content: ""
}
.icon-list .icon-htc {
	x-content: ""
}
.icon-paddledown:before, .icon-paddledown:after {
	content: ""
}
.icon-paddledown .icon-htc {
	x-content: ""
}
.icon-paddleleft:before, .icon-paddleleft:after {
	content: ""
}
.icon-paddleleft .icon-htc {
	x-content: ""
}
.icon-paddleright:before, .icon-paddleright:after {
	content: ""
}
.icon-paddleright .icon-htc {
	x-content: ""
}
.icon-paddleup:before, .icon-paddleup:after {
	content: ""
}
.icon-paddleup .icon-htc {
	x-content: ""
}
.icon-pause:before, .icon-pause:after {
	content: ""
}
.icon-pause .icon-htc {
	x-content: ""
}
.icon-play:before, .icon-play:after {
	content: ""
}
.icon-play .icon-htc {
	x-content: ""
}
.icon-playalt:before, .icon-playalt:after {
	content: ""
}
.icon-playalt .icon-htc {
	x-content: ""
}
.icon-replay:before, .icon-replay:after {
	content: ""
}
.icon-replay .icon-htc {
	x-content: ""
}
.icon-zoomalt:before, .icon-zoomalt:after {
	content: ""
}
.icon-zoomalt .icon-htc {
	x-content: ""
}
.icon-closeinlinealt:before, .icon-closeinlinealt:after {
	content: ""
}
.icon-closeinlinealt .icon-htc {
	x-content: ""
}
.icon-grid:before, .icon-grid:after {
	content: ""
}
.icon-grid .icon-htc {
	x-content: ""
}
.icon-checkalt:before, .icon-checkalt:after {
	content: ""
}
.icon-checkalt .icon-htc {
	x-content: ""
}
.icon-stop:before, .icon-stop:after {
	content: ""
}
.icon-stop .icon-htc {
	x-content: ""
}
.icon-stopalt:before, .icon-stopalt:after {
	content: ""
}
.icon-stopalt .icon-htc {
	x-content: ""
}
.icon-replayalt:before, .icon-replayalt:after {
	content: ""
}
.icon-replayalt .icon-htc {
	x-content: ""
}
.icon-facebook:before, .icon-facebook:after {
	content: ""
}
.icon-facebook .icon-htc {
	x-content: ""
}
.icon-link:before, .icon-link:after {
	content: ""
}
.icon-link .icon-htc {
	x-content: ""
}
.icon-mail:before, .icon-mail:after {
	content: ""
}
.icon-mail .icon-htc {
	x-content: ""
}
.icon-pinterest:before, .icon-pinterest:after {
	content: ""
}
.icon-pinterest .icon-htc {
	x-content: ""
}
.icon-qqweibo:before, .icon-qqweibo:after {
	content: ""
}
.icon-qqweibo .icon-htc {
	x-content: ""
}
.icon-qzone:before, .icon-qzone:after {
	content: ""
}
.icon-qzone .icon-htc {
	x-content: ""
}
.icon-renren:before, .icon-renren:after {
	content: ""
}
.icon-renren .icon-htc {
	x-content: ""
}
.icon-share:before, .icon-share:after {
	content: ""
}
.icon-share .icon-htc {
	x-content: ""
}
.icon-tumblr:before, .icon-tumblr:after {
	content: ""
}
.icon-tumblr .icon-htc {
	x-content: ""
}
.icon-twitter:before, .icon-twitter:after {
	content: ""
}
.icon-twitter .icon-htc {
	x-content: ""
}
.icon-webo:before, .icon-webo:after {
	content: ""
}
.icon-webo .icon-htc {
	x-content: ""
}
.icon-instagram:before, .icon-instagram:after {
	content: ""
}
.icon-instagram .icon-htc {
	x-content: ""
}
.icon-check:before, .icon-check:after {
	content: ""
}
.icon-check .icon-htc {
	x-content: ""
}
.icon-linkedin:before, .icon-linkedin:after {
	content: ""
}
.icon-linkedin .icon-htc {
	x-content: ""
}
.icon-snapchat:before, .icon-snapchat:after {
	content: ""
}
.icon-snapchat .icon-htc {
	x-content: ""
}
.icon-zoom:before, .icon-zoom:after {
	content: ""
}
.icon-zoom .icon-htc {
	x-content: ""
}
.icon-zoomoutalt:before, .icon-zoomoutalt:after {
	content: ""
}
.icon-zoomoutalt .icon-htc {
	x-content: ""
}
.icon-zoomout:before, .icon-zoomout:after {
	content: ""
}
.icon-zoomout .icon-htc {
	x-content: ""
}
.icon-favorite:before, .icon-favorite:after {
	content: ""
}
.icon-favorite .icon-htc {
	x-content: ""
}
.icon-clearsolid:before, .icon-clearsolid:after {
	content: ""
}
.icon-clearsolid .icon-htc {
	x-content: ""
}
.icon-remove:before, .icon-remove:after {
	content: ""
}
.icon-remove .icon-htc {
	x-content: ""
}
.icon-unvalidatedalt:before, .icon-unvalidatedalt:after {
	content: ""
}
.icon-unvalidatedalt .icon-htc {
	x-content: ""
}
.icon-unvalidated:before, .icon-unvalidated:after {
	content: ""
}
.icon-unvalidated .icon-htc {
	x-content: ""
}
.icon-info:before, .icon-info:after {
	content: ""
}
.icon-info .icon-htc {
	x-content: ""
}
.icon-add:before, .icon-add:after {
	content: ""
}
.icon-add .icon-htc {
	x-content: ""
}
.icon-exclamation:before, .icon-exclamation:after {
	content: ""
}
.icon-exclamation .icon-htc {
	x-content: ""
}
.icon-infoalt:before, .icon-infoalt:after {
	content: ""
}
.icon-infoalt .icon-htc {
	x-content: ""
}
.icon-circle:before, .icon-circle:after {
	content: ""
}
.icon-circle .icon-htc {
	x-content: ""
}
.icon-checksolid:before, .icon-checksolid:after {
	content: ""
}
.icon-checksolid .icon-htc {
	x-content: ""
}
.icon-form-alert:before, .icon-form-alert:after {
	content: ""
}
.icon-form-alert .icon-htc {
	x-content: ""
}
.icon-form-checkalt:before, .icon-form-checkalt:after {
	content: ""
}
.icon-form-checkalt .icon-htc {
	x-content: ""
}
.icon-form-check:before, .icon-form-check:after {
	content: ""
}
.icon-form-check .icon-htc {
	x-content: ""
}
.icon-form-clearsolid:before, .icon-form-clearsolid:after {
	content: ""
}
.icon-form-clearsolid .icon-htc {
	x-content: ""
}
.icon-form-remove:before, .icon-form-remove:after {
	content: ""
}
.icon-form-remove .icon-htc {
	x-content: ""
}
.icon-form-unvalidatedalt:before, .icon-form-unvalidatedalt:after {
	content: ""
}
.icon-form-unvalidatedalt .icon-htc {
	x-content: ""
}
.icon-form-unvalidated:before, .icon-form-unvalidated:after {
	content: ""
}
.icon-form-unvalidated .icon-htc {
	x-content: ""
}
.icon-form-info:before, .icon-form-info:after {
	content: ""
}
.icon-form-info .icon-htc {
	x-content: ""
}
.icon-form-add:before, .icon-form-add:after {
	content: ""
}
.icon-form-add .icon-htc {
	x-content: ""
}
.icon-form-exclamation:before, .icon-form-exclamation:after {
	content: ""
}
.icon-form-exclamation .icon-htc {
	x-content: ""
}
.icon-form-infoalt:before, .icon-form-infoalt:after {
	content: ""
}
.icon-form-infoalt .icon-htc {
	x-content: ""
}
.icon-form-circle:before, .icon-form-circle:after {
	content: ""
}
.icon-form-circle .icon-htc {
	x-content: ""
}
.icon-form-checksolid:before, .icon-form-checksolid:after {
	content: ""
}
.icon-form-checksolid .icon-htc {
	x-content: ""
}
.icon-apple:before, .icon-apple:after {
	content: ""
}
.icon-apple .icon-htc {
	x-content: ""
}
.more {
	/*behavior: url("/v/home/cn/built/assets/ac-appleicons/behaviors/icons.htc")*/
}
.more:before, .more:after {
	content: ""
}
.more .icon-htc {
	x-content: ""
}
.more:before, .more:after, .more .icon-htc {
	display: inline-block;
	color: inherit;
	font-family: "AppleIcons";
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	position: relative;
	z-index: 1
}
.more:after, .more .icon-htc {
	top: 0;
	padding-left: 0.3em
}
.more:before {
	display: none
}
.more-block {
	margin-top: .5em
}
.paddlenav {
	list-style: none;
	margin: 0
}
.paddlenav-arrow {
	position: absolute;
	text-align: center;
	overflow: hidden;
	color: #666;
	background-color: transparent;
	border-radius: 4px;
	display: block;
	font-size: 72px;
	font-style: normal;
	font-weight: 200;
	opacity: .6;
	-webkit-transition: 250ms opacity linear, 250ms color linear, 250ms background-color linear;
	transition: 250ms opacity linear, 250ms color linear, 250ms background-color linear
}
.paddlenav-arrow-left, .paddlenav-arrow-right, .paddlenav-arrow-next, .paddlenav-arrow-previous {
	line-height: 128px;
	margin-top: -64px;
	top: 42%;
	width: 67px;
	height: 128px
}
.paddlenav-arrow-up, .paddlenav-arrow-down {
	line-height: 67px;
	margin-left: -64px;
	left: 50%;
	width: 128px;
	height: 67px
}
.paddlenav-arrow.disabled {
	opacity: 0
}
.paddlenav-arrow.disabled:hover {
	opacity: 0;
	cursor: default
}
html.oldie .paddlenav-arrow.disabled {
	display: none
}
.paddlenav-arrow:hover {
	color: #666;
	background-color: transparent;
	text-decoration: none;
	opacity: 1
}
.paddlenav-arrow:focus {
	color: #666;
	background-color: transparent;
	text-decoration: none
}
.paddlenav-arrow:active {
	background-color: transparent
}
html.touch .paddlenav-arrow {
	color: #666;
	background-color: transparent;
	text-decoration: none
}
.paddlenav-arrow-left {
	/*behavior: url("/v/home/cn/built/assets/ac-appleicons/behaviors/icons.htc");*/
	left: 0
}
.paddlenav-arrow-left:before, .paddlenav-arrow-left:after {
	content: ""
}
.paddlenav-arrow-left .icon-htc {
	x-content: ""
}
.paddlenav-arrow-left:before, .paddlenav-arrow-left:after, .paddlenav-arrow-left .icon-htc {
	display: inline-block;
	color: inherit;
	font-family: "AppleIcons";
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	position: relative;
	z-index: 1
}
.paddlenav-arrow-left:after, .paddlenav-arrow-left .icon-htc {
	top: 0;
	padding-left: 0;
	padding-right: 0
}
.paddlenav-arrow-left:before {
	display: none
}
.paddlenav-arrow-right {
	/*behavior: url("/v/home/cn/built/assets/ac-appleicons/behaviors/icons.htc");*/
	right: 0
}
.paddlenav-arrow-right:before, .paddlenav-arrow-right:after {
	content: ""
}
.paddlenav-arrow-right .icon-htc {
	x-content: ""
}
.paddlenav-arrow-right:before, .paddlenav-arrow-right:after, .paddlenav-arrow-right .icon-htc {
	display: inline-block;
	color: inherit;
	font-family: "AppleIcons";
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	position: relative;
	z-index: 1
}
.paddlenav-arrow-right:after, .paddlenav-arrow-right .icon-htc {
	top: 0;
	padding-left: 0;
	padding-right: 0
}
.paddlenav-arrow-right:before {
	display: none
}
.paddlenav-arrow-next {
	/*behavior: url("/v/home/cn/built/assets/ac-appleicons/behaviors/icons.htc");*/
	right: 0
}
.paddlenav-arrow-next:before, .paddlenav-arrow-next:after {
	content: ""
}
.paddlenav-arrow-next .icon-htc {
	x-content: ""
}
.paddlenav-arrow-next:before, .paddlenav-arrow-next:after, .paddlenav-arrow-next .icon-htc {
	display: inline-block;
	color: inherit;
	font-family: "AppleIcons";
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	position: relative;
	z-index: 1
}
.paddlenav-arrow-next:after, .paddlenav-arrow-next .icon-htc {
	top: 0;
	padding-left: 0;
	padding-right: 0
}
.paddlenav-arrow-next:before {
	display: none
}
.paddlenav-arrow-previous {
	/*behavior: url("/v/home/cn/built/assets/ac-appleicons/behaviors/icons.htc");*/
	left: 0
}
.paddlenav-arrow-previous:before, .paddlenav-arrow-previous:after {
	content: ""
}
.paddlenav-arrow-previous .icon-htc {
	x-content: ""
}
.paddlenav-arrow-previous:before, .paddlenav-arrow-previous:after, .paddlenav-arrow-previous .icon-htc {
	display: inline-block;
	color: inherit;
	font-family: "AppleIcons";
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	position: relative;
	z-index: 1
}
.paddlenav-arrow-previous:after, .paddlenav-arrow-previous .icon-htc {
	top: 0;
	padding-left: 0;
	padding-right: 0
}
.paddlenav-arrow-previous:before {
	display: none
}
.paddlenav-arrow-up {
	/*behavior: url("/v/home/cn/built/assets/ac-appleicons/behaviors/icons.htc");*/
	top: 0
}
.paddlenav-arrow-up:before, .paddlenav-arrow-up:after {
	content: ""
}
.paddlenav-arrow-up .icon-htc {
	x-content: ""
}
.paddlenav-arrow-up:before, .paddlenav-arrow-up:after, .paddlenav-arrow-up .icon-htc {
	display: inline-block;
	color: inherit;
	font-family: "AppleIcons";
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	position: relative;
	z-index: 1
}
.paddlenav-arrow-up:after, .paddlenav-arrow-up .icon-htc {
	top: 0;
	padding-left: 0;
	padding-right: 0
}
.paddlenav-arrow-up:before {
	display: none
}
.paddlenav-arrow-down {
/*	behavior: url("/v/home/cn/built/assets/ac-appleicons/behaviors/icons.htc");*/
	bottom: 0
}
.paddlenav-arrow-down:before, .paddlenav-arrow-down:after {
	content: ""
}
.paddlenav-arrow-down .icon-htc {
	x-content: ""
}
.paddlenav-arrow-down:before, .paddlenav-arrow-down:after, .paddlenav-arrow-down .icon-htc {
	display: inline-block;
	color: inherit;
	font-family: "AppleIcons";
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	position: relative;
	z-index: 1
}
.paddlenav-arrow-down:after, .paddlenav-arrow-down .icon-htc {
	top: 0;
	padding-left: 0;
	padding-right: 0
}
.paddlenav-arrow-down:before {
	display: none
}
html.no-touch .paddlenav-onhover .paddlenav-arrow {
	opacity: 0
}
html.no-touch .paddlenav-onhover .paddlenav-arrow:focus, html.no-touch .paddlenav-onhover .paddlenav-arrow:hover {
	opacity: 1
}
html.oldie .paddlenav-onhover .paddlenav-arrow {
	visibility: hidden
}
.with-paddlenav {
	position: relative
}
html.oldie .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow {
	visibility: visible
}
html.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow {
	opacity: .7
}
html.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:focus, html.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow:hover {
	opacity: 1
}
html.no-touch .with-paddlenav:hover .paddlenav-onhover .paddlenav-arrow.disabled {
	opacity: 0
}
.paddlenav-short .paddlenav-arrow {
	font-size: 24px;
	font-weight: normal
}
.paddlenav-short .paddlenav-arrow-left, .paddlenav-short .paddlenav-arrow-right, .paddlenav-short .paddlenav-arrow-next, .paddlenav-short .paddlenav-arrow-previous {
	line-height: 64px;
	margin-top: -32px;
	width: 64px;
	height: 64px
}
.paddlenav-short .paddlenav-arrow-up, .paddlenav-short .paddlenav-arrow-down {
	line-height: 64px;
	margin-left: -32px;
	width: 64px;
	height: 64px
}
.paddlenav-framed .paddlenav-arrow {
	color: #666;
	background-color: #f2f2f2
}
.paddlenav-framed .paddlenav-arrow:hover {
	color: #666;
	background-color: #f2f2f2;
	text-decoration: none
}
.paddlenav-framed .paddlenav-arrow:focus {
	color: #666;
	background-color: #f2f2f2;
	text-decoration: none
}
.paddlenav-framed .paddlenav-arrow:active {
	background-color: #ededed
}
html.touch .paddlenav-framed .paddlenav-arrow {
	color: #666;
	background-color: #f2f2f2
}
.paddlenav-framed .paddlenav-arrow-left {
	left: 18px
}
.paddlenav-framed .paddlenav-arrow-right {
	right: 18px
}
.paddlenav-framed .paddlenav-arrow-next {
	right: 18px
}
.paddlenav-framed .paddlenav-arrow-previous {
	left: 18px
}
.paddlenav-framed .paddlenav-arrow-up {
	top: 18px
}
.paddlenav-framed .paddlenav-arrow-down {
	bottom: 18px
}
.dotnav {
	text-align: center
}
html.touch .dotnav {
	pointer-events: none
}
.dotnav ul {
	display: inline-block
}
html.oldie .dotnav ul {
	display: inline;
	zoom: 1
}
.dotnav li {
	list-style: none;
	margin: 0 10px;
	width: 8px;
	height: 8px;
	float: left;
	position: relative
}
.dotnav-item {
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	outline: none;
	position: absolute;
	border-radius: 50%;
	background-color: #999;
	box-sizing: content-box;
	padding: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap
}
html.no-js .dotnav-item:hover {
	background-color: #666
}
html.no-touch .dotnav-item:hover {
	background-color: #666
}
.dotnav-item:focus {
	outline-style: auto;
	outline-color: #08c
}
.dotnav-item.current {
	top: -1px;
	left: -1px;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #08c;
	background-color: transparent;
	cursor: default
}
html.no-js .dotnav-item.current:hover {
	background-color: transparent
}
html.no-touch .dotnav-item.current:hover {
	background-color: transparent
}
a.block {
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: inherit
}
html.oldie a.block {
color:expression(this.parentNode.currentStyle['color'])
}
a.block:before, a.block:after {
	content: ' ';
	display: table
}
a.block:after {
	clear: both
}
html.oldie a.block {
	zoom: 1
}
html.no-js a.block:hover {
	text-decoration: none
}
html.no-js a.block:hover .block-link {
	text-decoration: underline
}
html.no-js a.block:hover .block-link.icon-ie-parent {
	text-decoration: none
}
html.no-js a.block:hover .block-link.icon-ie-parent .icon-ie-link {
	text-decoration: underline
}
html.no-touch a.block:hover {
	text-decoration: none
}
html.no-touch a.block:hover .block-link {
	text-decoration: underline
}
html.no-touch a.block:hover .block-link.icon-ie-parent {
	text-decoration: none
}
html.no-touch a.block:hover .block-link.icon-ie-parent .icon-ie-link {
	text-decoration: underline
}
.block-link {
	color: #08c;
	cursor: pointer
}
a.block-inline {
	display: inline-block
}
.sosumi {
	color: #999
}
.sosumi a {
	color: #666
}
html.no-js .sosumi a:hover {
	text-decoration: underline
}
html.no-touch .sosumi a:hover {
	text-decoration: underline
}
.sosumi ol, .sosumi ul {
	margin: 0;
	padding-right: 16px;
	padding-left: 16px;
	list-style-position: outside
}
html.oldie .sosumi ol, html.oldie .sosumi ul {
	list-style-position: inside;
	text-indent: -16px
}
.sosumi ul {
	list-style: none;
	margin-right: -16px;
	margin-left: -16px
}
.sosumi li {
	padding-bottom: 5px
}
.sosumi p, .sosumi li {
	font-size: 12px;
	line-height: 1.33333;
	font-weight: 400;
	letter-spacing: normal
}
@media only screen and (max-width: 1068px) {
.sosumi p, .sosumi li {
	font-size: 12px;
	line-height: 1.33333;
	font-weight: 400;
	letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.sosumi p, .sosumi li {
	font-size: 12px;
	line-height: 1.33333;
	font-weight: 400;
	letter-spacing: normal
}
}
.sosumi small {
	font-size: 1em
}
.viewport-legend {
	display: block;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 9999;
	color: #444
}
.viewport-legend span, .viewport-legend * {
	color: #555
}
.viewport-legend span::after {
	content: "large"
}
@media only screen and (min-width: 1442px) {
.viewport-legend span::after {
	content: "xlarge"
}
}
@media only screen and (max-width: 1068px) {
.viewport-legend span::after {
	content: "medium"
}
}
@media only screen and (max-width: 735px) {
.viewport-legend span::after {
	content: "small"
}
}
.ac-gallery-slidecontainer {
	z-index: 1
}
.hero-gallery {
	position: relative;
	overflow: hidden;

	z-index: 2
}
@media only screen and (max-width: 735px) {
.hero-gallery {
	margin-top: -48px
}
}
html.oldie .hero-gallery {
	height: 850px
}
.hero-gallery.evergreen {
  height: 78%;
  min-height: 750px;
}
@media only screen and (min-width: 1442px) {
.hero-gallery.evergreen {
	min-height: 750px
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery.evergreen {
	min-height: 650px
}
}
@media only screen and (max-width: 735px) {
.hero-gallery.evergreen {
	height: 50%;
	min-height: 391px
}
}
@media only screen and (max-width: 735px) and (orientation: portrait) {
.hero-gallery.evergreen {
	max-height: 450px
}
}
.hero-gallery.takeover {
	height: 100%;
	min-height: 600px
}
@media only screen and (max-width: 1068px) and (orientation: portrait) {
.hero-gallery.takeover {
	max-height: 1024px
}
}
@media only screen and (max-width: 735px) {
.hero-gallery.takeover {
	min-height: 350px
}
}
@media only screen and (max-width: 735px) and (orientation: portrait) {
.hero-gallery.takeover {
	min-height: 590px;
	max-height: 800px
}
}
.hero-gallery-item {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: #fff
}
.hero-content {
	position: relative;
	vertical-align: middle;
	text-align: center
}
html.oldie .hero-content {
	height: 100%;
	display: block
}
.backing-link, .backing-link:hover {
	pointer-events: all;
	display: block;
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-decoration: none
}
html.oldie .backing-link, html.oldie .backing-link:hover {
	z-index: 5
}
.copy {
	pointer-events: none;
	position: relative;
	z-index: 4
}
.copy h1 {
	font-size: 64px;
	line-height: 1.0625;
	font-weight: 200;
	letter-spacing: -0.02em;
	margin-top: 0;
	letter-spacing: -0.015em
}
html.oldie .copy h1 {
	font-weight: normal;
	font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ja-JP] .copy h1 {
	font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-CN] .copy h1 {
	font-family: "HanHei SC 200", "HanHei SC", "PingHei 200", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-TW] .copy h1 {
	font-family: "HanHei TC 200", "HanHei TC", "MHei 200", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-HK] .copy h1 {
	font-family: "HanHei TC 200", "HanHei TC", "MHei 200", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=th-TH] .copy h1 {
	font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ko-KR] .copy h1 {
	font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.copy h1 {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	letter-spacing: -0.016em
}
}
@media only screen and (max-width: 735px) {
.copy h1 {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 300;
	letter-spacing: -0.008em
}
}
html[lang=ja-JP] .copy h1 {
	letter-spacing: 0
}
@media only screen and (max-width: 1068px) {
html[lang=ja-JP] .copy h1 {
	letter-spacing: 0
}
}
@media only screen and (max-width: 735px) {
html[lang=ja-JP] .copy h1 {
	letter-spacing: 0
}
}
html[lang=zh-TW] .copy h1 {
	font-size: 60px;
	line-height: 1.06667;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-TW] .copy h1 {
	font-size: 48px;
	line-height: 1.08333;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-TW] .copy h1 {
	font-size: 38px;
	line-height: 1.15789;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=zh-HK] .copy h1 {
	font-size: 60px;
	line-height: 1.06667;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-HK] .copy h1 {
	font-size: 48px;
	line-height: 1.08333;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-HK] .copy h1 {
	font-size: 38px;
	line-height: 1.15789;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=zh-CN] .copy h1 {
	font-size: 60px;
	line-height: 1.06667;
	letter-spacing: 0;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-CN] .copy h1 {
	font-size: 48px;
	line-height: 1.08333;
	letter-spacing: 0;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-CN] .copy h1 {
	font-size: 38px;
	line-height: 1.15789;
	letter-spacing: 0;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=th-TH] .copy h1 {
	line-height: 1.17188;
	letter-spacing: 0
}
@media only screen and (max-width: 1068px) {
html[lang=th-TH] .copy h1 {
	line-height: 1.17308;
	letter-spacing: 0
}
}
@media only screen and (max-width: 735px) {
html[lang=th-TH] .copy h1 {
	line-height: 1.2;
	letter-spacing: 0
}
}
html[lang=ko-KR] .copy h1 {
	letter-spacing: 0
}
@media only screen and (max-width: 1068px) {
html[lang=ko-KR] .copy h1 {
	letter-spacing: 0
}
}
@media only screen and (max-width: 735px) {
html[lang=ko-KR] .copy h1 {
	letter-spacing: 0
}
}
.copy h1.imagereplace {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex
}
.ie .copy h1.imagereplace {
	display: inline-block
}
.copy h2 {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 300;
	letter-spacing: -0.008em;
	margin-top: 0;
	margin-bottom: 0.25em;
	letter-spacing: -0.025em
}
html.oldie .copy h2 {
	font-weight: normal;
	font-family: "Myriad Set Pro 300", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ja-JP] .copy h2 {
	font-family: "Apple TP 300", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-CN] .copy h2 {
	font-family: "HanHei SC 300", "HanHei SC", "PingHei 300", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-TW] .copy h2 {
	font-family: "HanHei TC 300", "HanHei TC", "MHei 300", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-HK] .copy h2 {
	font-family: "HanHei TC 300", "HanHei TC", "MHei 300", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=th-TH] .copy h2 {
	font-family: "Sukhumvit Set 300", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ko-KR] .copy h2 {
	font-family: "Yoon Gothic 300", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.copy h2 {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: 0em
}
}
@media only screen and (max-width: 735px) {
.copy h2 {
	font-size: 28px;
	line-height: 1.14286;
	font-weight: 300;
	letter-spacing: 0em
}
}
html[lang=ja-JP] .copy h2 {
	letter-spacing: 0
}
html[lang=zh-TW] .copy h2 {
	font-size: 38px;
	line-height: 1.15789;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-TW] .copy h2 {
	font-size: 30px;
	line-height: 1.2;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-TW] .copy h2 {
	font-size: 26px;
	line-height: 1.19231;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=zh-HK] .copy h2 {
	font-size: 38px;
	line-height: 1.15789;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-HK] .copy h2 {
	font-size: 30px;
	line-height: 1.2;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-HK] .copy h2 {
	font-size: 26px;
	line-height: 1.19231;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=zh-CN] .copy h2 {
	font-size: 38px;
	line-height: 1.15789;
	letter-spacing: 0;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-CN] .copy h2 {
	font-size: 30px;
	line-height: 1.2;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-CN] .copy h2 {
	font-size: 26px;
	line-height: 1.19231;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=th-TH] .copy h2 {
	line-height: 1.2;
	letter-spacing: 0
}
@media only screen and (max-width: 1068px) {
html[lang=th-TH] .copy h2 {
	line-height: 1.21875
}
}
@media only screen and (max-width: 735px) {
html[lang=th-TH] .copy h2 {
	line-height: 1.25
}
}
html[lang=ko-KR] .copy h2 {
	letter-spacing: 0
}
@media only screen and (max-width: 735px) {
.copy h2 {
	letter-spacing: -0.015em
}
}
.copy h2.product-text {
	margin-bottom: 0.5em
}
@media only screen and (max-width: 735px) {
.copy h2.product-text {
	margin-bottom: 0.25em
}
}
.copy .links {
	font-size: 24px;
	line-height: 1.3375;
	font-weight: 300;
	letter-spacing: normal;
	margin: 0;
	list-style: none
}
html.oldie .copy .links {
	font-weight: normal;
	font-family: "Myriad Set Pro 300", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ja-JP] .copy .links {
	font-family: "Apple TP 300", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-CN] .copy .links {
	font-family: "HanHei SC 300", "HanHei SC", "PingHei 300", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-TW] .copy .links {
	font-family: "HanHei TC 300", "HanHei TC", "MHei 300", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-HK] .copy .links {
	font-family: "HanHei TC 300", "HanHei TC", "MHei 300", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=th-TH] .copy .links {
	font-family: "Sukhumvit Set 300", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ko-KR] .copy .links {
	font-family: "Yoon Gothic 300", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.copy .links {
	font-size: 24px;
	line-height: 1.3375;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.copy .links {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 300;
	letter-spacing: normal
}
}
html[lang=zh-TW] .copy .links {
	font-size: 22px;
	line-height: 1.54545;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-TW] .copy .links {
	font-size: 22px;
	line-height: 1.54545;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-TW] .copy .links {
	font-size: 18px;
	line-height: 1.55556;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=zh-HK] .copy .links {
	font-size: 22px;
	line-height: 1.54545;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-HK] .copy .links {
	font-size: 22px;
	line-height: 1.54545;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-HK] .copy .links {
	font-size: 18px;
	line-height: 1.55556;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=zh-CN] .copy .links {
	font-size: 22px;
	line-height: 1.54545;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-CN] .copy .links {
	font-size: 22px;
	line-height: 1.54545;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-CN] .copy .links {
	font-size: 18px;
	line-height: 1.55556;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
.copy .links {
	margin-top: 0.40em
}
}
.copy .links li {
	display: inline-block;
	margin-left: 0.35em;
	margin-right: 0.35em;
	margin-bottom: 0.5em
}
.copy .links a, .copy .links span, .copy .links .block-link {
	pointer-events: all;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none
}
.copy .links a:hover, .copy .links span:hover, .copy .links .block-link:hover {
	color: #000
}
html.touch .copy .links a:hover, html.touch .copy .links span:hover, html.touch .copy .links .block-link:hover {
	color: #08c
}
.dark .copy h1, .dark .copy h2, .dark .copy h3, .dark .copy h4, .dark .copy h5, .dark .copy h6, .dark .copy p {
	color: #fff
}
.dark .copy .links a, .dark .copy .links span, .dark .copy .links .block-link {
	color: #fff
}
.dark .copy .links a:hover, .dark .copy .links span:hover, .dark .copy .links .block-link:hover {
	color: #5cc3f6
}
html.touch .dark .copy .links a:hover, html.touch .dark .copy .links span:hover, html.touch .dark .copy .links .block-link:hover {
	color: #fff
}
.hero-image {
	pointer-events: none;
	position: absolute;
	z-index: 1
}
.dotnav {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	pointer-events: none
}
.dotnav ul {
	pointer-events: auto;
	position: relative
}
.dotnav .dotnav-item:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select) {
	box-shadow: none
}
.paddlenav {
	display: none
}
.paddlenav.paddlenav-onhover {
	display: none;
}
.paddlenav.paddlenav-onhover .paddlenav-arrow {
	z-index: 2
}
.paddlenav.paddlenav-onhover .paddlenav-arrow:focus {
	overflow: visible
}
.paddlenav.paddlenav-onhover .paddlenav-arrow-previous {
	left: 0px
}
.paddlenav.paddlenav-onhover .paddlenav-arrow-next {
	right: 0px
}
html.touch .paddlenav.paddlenav-onhover {
	display: none
}
.paddlenav .paddlenav-arrow:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select) {
	box-shadow: none
}
.promos {
	max-width: 2560px;
	margin: 0 auto;
	border-top: 2px solid #fff
}
.promos ul {
	margin: 0
}
.promos li {
	overflow: hidden;
	list-style: none;
	max-height: 200px
}
@media only screen and (max-width: 735px) {
.promos li {
	border-bottom: 2px solid #fff
}
}
.promos span {
	position: absolute;
	top: 0;
	left: 0;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0
}
.promos .promo {
	display: block;
	min-height: 200px;
	border-right: 2px solid #fff;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap
}
@media only screen and (max-width: 735px) {
.promos .promo {
	border-right: none
}
}
@media only screen and (max-width: 1068px) {
.promos .promo-tile-1 .promo {
	border-right: none
}
}
.promos .promo-tile-3 .promo {
	border-right: none
}
html {
	width: 100%;
	height: 100%
}
@media only screen and (max-width: 735px) {
html {
	min-width: 320px
}
html #ac-globalnav {
	min-width: 375px
}
}
@media only screen and (max-width: 735px) and (orientation: landscape) {
html {
	min-width: 460px
}
html #ac-globalnav {
	min-width: 460px
}
}
@media only screen and (max-width: 735px) {
html.touch {
	min-width: 320px
}
html.touch #ac-globalnav {
	min-width: 320px
}
}
html a:focus, html input:focus, html textarea:focus, html select:focus, html button:focus, html [tabindex]:focus {
	outline: 3px solid #c1e0fe;
	outline: 3px solid rgba(131,192,253,0.5);
	outline-offset: 1px
}
html a:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), html input:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), html textarea:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), html select:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), html button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), html [tabindex]:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select) {
	outline: none
}
body {
	width: 100%;
	height: 100%;
	background-color: #fff
}
html.oldie body {
	min-width: 1024px
}
@media only screen and (max-width: 1068px) {
body {
	min-width: 288px
}
}
@media only screen and (max-width: 735px) {
.footer-shop span {
	display: block
}
}
.page-home .footer-wrapper {
	background: #fff
}
.page-home .footer-wrapper.takeover {
	padding-left: 0;
	padding-right: 0;
	width: 100%
}
.page-home .footer-wrapper.takeover #globalfooter {
	padding-left: 22px;
	padding-right: 22px
}
@media only screen and (max-width: 735px) {
.page-home .footer-wrapper.takeover #globalfooter {
	padding-left: 5%;
	padding-right: 5%
}
}
#ac-globalfooter .ac-gf-sosumi {
	padding-top: 18px
}
#ac-globalfooter .ac-gf-directory {
	padding-top: 32px
}
@media only screen and (max-width: 1441px) {
.promo-accessories {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/promos/accessories_large.");*/
	background-size: 360px 200px;
	width: 360px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1441px) and (min-resolution: 1.5dppx), only screen and (max-width: 1441px) and (min-resolution: 144dpi) {
.promo-accessories {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/accessories_large_2x.jpg")*/
}
}
@media only screen and (max-width: 1441px) and (max-width: 1068px) {
.promo-accessories {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (max-width: 735px) {
.promo-accessories {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) {
.promo-accessories {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/accessories_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.promo-accessories {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/accessories_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.promo-accessories {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.promo-accessories {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) {
.promo-accessories {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/promos/accessories_small.jpg");*/
	background-size: 736px 200px;
	width: 736px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.promo-accessories {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/accessories_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.promo-accessories {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.promo-accessories {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) {
.promo-accessories {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/promos/accessories_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.promo-accessories {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/accessories_medium_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.promo-accessories {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.promo-accessories {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
html.oldie .promo-accessories {
	font-size: 0;
	/*background: url("http://images.xdr.com/v/home/cn/images/promos/accessories_large.jpg") no-repeat center 50%;*/
	background-size: 736px 200px;
	display: block
}
@media only screen and (max-width: 1441px) {
.promo-apple_tv {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/promos/apple_tv_large.jpg");*/
	background-size: 360px 200px;
	width: 360px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1441px) and (min-resolution: 1.5dppx), only screen and (max-width: 1441px) and (min-resolution: 144dpi) {
.promo-apple_tv {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/apple_tv_large_2x.jpg")*/
}
}
@media only screen and (max-width: 1441px) and (max-width: 1068px) {
.promo-apple_tv {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (max-width: 735px) {
.promo-apple_tv {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) {
.promo-apple_tv {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/apple_tv_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.promo-apple_tv {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/apple_tv_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.promo-apple_tv {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.promo-apple_tv {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) {
.promo-apple_tv {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/promos/apple_tv_small.jpg");*/
	background-size: 736px 200px;
	width: 736px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.promo-apple_tv {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/apple_tv_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.promo-apple_tv {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.promo-apple_tv {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) {
.promo-apple_tv {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/apple_tv_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.promo-apple_tv {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/apple_tv_medium_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.promo-apple_tv {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.promo-apple_tv {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
html.oldie .promo-apple_tv {
	font-size: 0;
	/*background: url("http://images.xdr.com/v/home/cn/images/promos/apple_tv_large.jpg") no-repeat center 50%;*/
	background-size: 736px 200px;
	display: block
}
@media only screen and (max-width: 1441px) {
.promo-back_to_school {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/promos/back_to_school_large.jpg");*/
	background-size: 360px 200px;
	width: 360px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1441px) and (min-resolution: 1.5dppx), only screen and (max-width: 1441px) and (min-resolution: 144dpi) {
.promo-back_to_school {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/back_to_school_large_2x.jpg")*/
}
}
@media only screen and (max-width: 1441px) and (max-width: 1068px) {
.promo-back_to_school {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (max-width: 735px) {
.promo-back_to_school {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) {
.promo-back_to_school {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/promos/back_to_school_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.promo-back_to_school {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/back_to_school_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.promo-back_to_school {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.promo-back_to_school {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) {
.promo-back_to_school {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/promos/back_to_school_small.jpg");*/
	background-size: 736px 200px;
	width: 736px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.promo-back_to_school {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/back_to_school_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.promo-back_to_school {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.promo-back_to_school {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) {
.promo-back_to_school {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/back_to_school_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.promo-back_to_school {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/back_to_school_medium_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.promo-back_to_school {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.promo-back_to_school {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
html.oldie .promo-back_to_school {
	font-size: 0;
/*	background: url("http://images.xdr.com/v/home/cn/images/promos/back_to_school_large.jpg") no-repeat center 50%;*/
	background-size: 736px 200px;
	display: block
}
@media only screen and (max-width: 1441px) {
.promo-iphone_se {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/iphone_se_large.jpg");*/
	background-size: 360px 200px;
	width: 360px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1441px) and (min-resolution: 1.5dppx), only screen and (max-width: 1441px) and (min-resolution: 144dpi) {
.promo-iphone_se {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/iphone_se_large_2x.jpg")*/
}
}
@media only screen and (max-width: 1441px) and (max-width: 1068px) {
.promo-iphone_se {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (max-width: 735px) {
.promo-iphone_se {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) {
.promo-iphone_se {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/iphone_se_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.promo-iphone_se {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/iphone_se_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.promo-iphone_se {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.promo-iphone_se {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) {
.promo-iphone_se {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/iphone_se_small.jpg");*/
	background-size: 736px 200px;
	width: 736px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.promo-iphone_se {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/iphone_se_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.promo-iphone_se {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.promo-iphone_se {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) {
.promo-iphone_se {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/promos/iphone_se_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.promo-iphone_se {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/iphone_se_medium_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.promo-iphone_se {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.promo-iphone_se {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
html.oldie .promo-iphone_se {
	font-size: 0;
/*	background: url("http://images.xdr.com/v/home/cn/images/promos/iphone_se_large.jpg") no-repeat center 50%;*/
	background-size: 736px 200px;
	display: block
}
@media only screen and (max-width: 1441px) {
.promo-macbook {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/macbook_large.jpg");*/
	background-size: 360px 200px;
	width: 360px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1441px) and (min-resolution: 1.5dppx), only screen and (max-width: 1441px) and (min-resolution: 144dpi) {
.promo-macbook {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/macbook_large_2x.jpg")*/
}
}
@media only screen and (max-width: 1441px) and (max-width: 1068px) {
.promo-macbook {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1441px) and (max-width: 735px) {
.promo-macbook {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) {
.promo-macbook {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/macbook_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.promo-macbook {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/macbook_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.promo-macbook {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.promo-macbook {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) {
.promo-macbook {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/macbook_small.jpg");*/
	background-size: 736px 200px;
	width: 736px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.promo-macbook {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/macbook_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.promo-macbook {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.promo-macbook {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) {
.promo-macbook {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/promos/macbook_medium.jpg");*/
	background-size: 640px 200px;
	width: 640px;
	height: 200px;
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.promo-macbook {
/*background-image:url("http://images.xdr.com/v/home/cn/images/promos/macbook_medium_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.promo-macbook {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.promo-macbook {
	width: auto;
	background-position: center center;
	background-repeat: no-repeat
}
}
html.oldie .promo-macbook {
	font-size: 0;
/*	background: url("http://images.xdr.com/v/home/cn/images/promos/macbook_large.jpg") no-repeat center 50%;*/
	background-size: 736px 200px;
	display: block
}

.hero-gallery .hero-content {
  background: rgba(0, 0, 0, 0) url("../images/demo1/back.jpg") repeat scroll 0 0 / 100% 100%;
  height: 885px;
  left: 0;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  top: 0;
  width: 100%;
}
.hero-gallery .hero-content .copy-inner {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 64px;
	line-height: 1.0625;
	font-weight: 200;
	letter-spacing: -0.02em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.4em
}
html.oldie .hero-gallery .hero-content .copy-inner .product-pro {
	font-weight: normal;
	font-family: "Myriad Set Pro 200", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ja-JP] .hero-gallery .hero-content .copy-inner .product-pro {
	font-family: "Apple TP 200", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-CN] .hero-gallery .hero-content .copy-inner .product-pro {
	font-family: "HanHei SC 200", "HanHei SC", "PingHei 200", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-TW] .hero-gallery .hero-content .copy-inner .product-pro {
	font-family: "HanHei TC 200", "HanHei TC", "MHei 200", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-HK] .hero-gallery .hero-content .copy-inner .product-pro {
	font-family: "HanHei TC 200", "HanHei TC", "MHei 200", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=th-TH] .hero-gallery .hero-content .copy-inner .product-pro {
	font-family: "Sukhumvit Set 200", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ko-KR] .hero-gallery .hero-content .copy-inner .product-pro {
	font-family: "Yoon Gothic 200", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	letter-spacing: -0.016em
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 300;
	letter-spacing: -0.008em
}
}
html[lang=ja-JP] .hero-gallery .hero-content .copy-inner .product-pro {
	letter-spacing: 0
}
@media only screen and (max-width: 1068px) {
html[lang=ja-JP] .hero-gallery .hero-content .copy-inner .product-pro {
	letter-spacing: 0
}
}
@media only screen and (max-width: 735px) {
html[lang=ja-JP] .hero-gallery .hero-content .copy-inner .product-pro {
	letter-spacing: 0
}
}
html[lang=zh-TW] .hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 60px;
	line-height: 1.06667;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-TW] .hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 48px;
	line-height: 1.08333;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-TW] .hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 38px;
	line-height: 1.15789;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=zh-HK] .hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 60px;
	line-height: 1.06667;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-HK] .hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 48px;
	line-height: 1.08333;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-HK] .hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 38px;
	line-height: 1.15789;
	letter-spacing: 0;
	font-family: "HanHei TC", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=zh-CN] .hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 60px;
	line-height: 1.06667;
	letter-spacing: 0;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
html[lang=zh-CN] .hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 48px;
	line-height: 1.08333;
	letter-spacing: 0;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
@media only screen and (max-width: 735px) {
html[lang=zh-CN] .hero-gallery .hero-content .copy-inner .product-pro {
	font-size: 38px;
	line-height: 1.15789;
	letter-spacing: 0;
	font-family: "HanHei SC", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
}
html[lang=th-TH] .hero-gallery .hero-content .copy-inner .product-pro {
	line-height: 1.17188;
	letter-spacing: 0
}
@media only screen and (max-width: 1068px) {
html[lang=th-TH] .hero-gallery .hero-content .copy-inner .product-pro {
	line-height: 1.17308;
	letter-spacing: 0
}
}
@media only screen and (max-width: 735px) {
html[lang=th-TH] .hero-gallery .hero-content .copy-inner .product-pro {
	line-height: 1.2;
	letter-spacing: 0
}
}
html[lang=ko-KR] .hero-gallery .hero-content .copy-inner .product-pro {
	letter-spacing: 0
}
@media only screen and (max-width: 1068px) {
html[lang=ko-KR] .hero-gallery .hero-content .copy-inner .product-pro {
	letter-spacing: 0
}
}
@media only screen and (max-width: 735px) {
html[lang=ko-KR] .hero-gallery .hero-content .copy-inner .product-pro {
	letter-spacing: 0
}
}
.hero-gallery .hero-content .copy-inner .product-pro span {
	visibility: hidden
}
.hero-gallery .hero-content .copy-inner .product-text {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 300;
	letter-spacing: normal;
	margin-top: 0;
	margin-bottom: 0.5em
}
html.oldie .hero-gallery .hero-content .copy-inner .product-text {
	font-weight: normal;
	font-family: "Myriad Set Pro 300", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ja-JP] .hero-gallery .hero-content .copy-inner .product-text {
	font-family: "Apple TP 300", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-CN] .hero-gallery .hero-content .copy-inner .product-text {
	font-family: "HanHei SC 300", "HanHei SC", "PingHei 300", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-TW] .hero-gallery .hero-content .copy-inner .product-text {
	font-family: "HanHei TC 300", "HanHei TC", "MHei 300", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-HK] .hero-gallery .hero-content .copy-inner .product-text {
	font-family: "HanHei TC 300", "HanHei TC", "MHei 300", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=th-TH] .hero-gallery .hero-content .copy-inner .product-text {
	font-family: "Sukhumvit Set 300", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ko-KR] .hero-gallery .hero-content .copy-inner .product-text {
	font-family: "Yoon Gothic 300", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-content .copy-inner .product-text {
	font-size: 44px;
	line-height: 1.09091;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-content .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-content .copy-inner .product-text {
	font-size: 20px;
	line-height: 1.3375;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-content .copy-inner .product-text {
	margin-bottom: 0.25em
}
}
.hero-gallery .hero-content .copy-inner .links {
	font-size: 24px;
	line-height: 1.3375;
	font-weight: 300;
	letter-spacing: normal
}
html.oldie .hero-gallery .hero-content .copy-inner .links {
	font-weight: normal;
	font-family: "Myriad Set Pro 300", "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ja-JP] .hero-gallery .hero-content .copy-inner .links {
	font-family: "Apple TP 300", "Apple TP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-CN] .hero-gallery .hero-content .copy-inner .links {
	font-family: "HanHei SC 300", "HanHei SC", "PingHei 300", "PingHei", "PingFang SC", "STHeitiSC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-TW] .hero-gallery .hero-content .copy-inner .links {
	font-family: "HanHei TC 300", "HanHei TC", "MHei 300", "MHei", "PingFang TC", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=zh-HK] .hero-gallery .hero-content .copy-inner .links {
	font-family: "HanHei TC 300", "HanHei TC", "MHei 300", "MHei", "PingFang HK", "STHeitiTC-Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=th-TH] .hero-gallery .hero-content .copy-inner .links {
	font-family: "Sukhumvit Set 300", "Sukhumvit Set", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
html.oldie html[lang=ko-KR] .hero-gallery .hero-content .copy-inner .links {
	font-family: "Yoon Gothic 300", "Yoon Gothic", "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-content .copy-inner .links {
	font-size: 28px;
	line-height: 1.28571;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-content .copy-inner .links {
	font-size: 24px;
	line-height: 1.3375;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-content .copy-inner .links {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 300;
	letter-spacing: normal
}
}
.hero-gallery .hero-content .copy-inner .links li {
	margin-bottom: 0.2em
}
.hero-gallery .hero-content .copy-inner .links li a:hover {
	text-decoration: none
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-content .copy-inner .links li {
	margin-bottom: 0em
}
}
.hero-gallery .dotnav {
	bottom: 2%
}
@media only screen and (max-width: 735px) {
.hero-gallery .dotnav {
	bottom: 4%
}
}
@media only screen and (max-width: 735px) {
.headline-comfortable .hero-gallery .hero-content .copy-inner .links, .headline-comfortable .hero-gallery .hero-content .copy-inner .product-text {
	font-size: 18px;
	line-height: 1.3
}
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 6
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .backing-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-content .backing-link {
	z-index: 5
}
.ie9.no-oldie .backing-link, .ie9.no-oldie .backing-link:hover {
	z-index: 5 !important
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy, .hero-gallery .hero-gallery-item-hero-macbook .hero-content .hero-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 500px;
	min-height: 179px;
	width: 50%;
	height: 64%;
	max-width: -webkit-calc(100% - 500px);
	max-width: calc(100% - 500px);
	max-height: -webkit-calc(100% - 179px);
	max-height: calc(100% - 179px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 500 ), this.parentNode.offsetWidth - 500 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.64, 179 ), this.parentNode.offsetHeight - 179 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_large.png");*/
	background-size: 1000px 357px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1000px;
	height: 357px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -179px;
	right: -500px
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_large_2x.png")*/
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 585px;
	min-height: 209px;
	width: 50%;
	height: 64%;
	max-width: -webkit-calc(100% - 585px);
	max-width: calc(100% - 585px);
	max-height: -webkit-calc(100% - 209px);
	max-height: calc(100% - 209px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 585 ), this.parentNode.offsetWidth - 585 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.64, 209 ), this.parentNode.offsetHeight - 209 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_xlarge.png");*/
	background-size: 1170px 418px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1170px;
	height: 418px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -209px;
	right: -585px
}
}
@media only screen and (min-width: 1442px) and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_xlarge_2x.png")*/
}
}
@media only screen and (min-width: 1442px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 346px;
	min-height: 124px;
	width: 50%;
	height: 64%;
	max-width: -webkit-calc(100% - 346px);
	max-width: calc(100% - 346px);
	max-height: -webkit-calc(100% - 124px);
	max-height: calc(100% - 124px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 346 ), this.parentNode.offsetWidth - 346 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.64, 124 ), this.parentNode.offsetHeight - 124 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%203.jpg);
	background-size: 692px 247px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 692px;
	height: 247px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -346px
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_medium_2x.png")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 150px;
	min-height: 54px;
	width: 50%;
	height: 64%;
	max-width: -webkit-calc(100% - 150px);
	max-width: calc(100% - 150px);
	max-height: -webkit-calc(100% - 54px);
	max-height: calc(100% - 54px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 150 ), this.parentNode.offsetWidth - 150 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.64, 54 ), this.parentNode.offsetHeight - 54 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_small.png");*/
	background-size: 300px 107px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 300px;
	height: 107px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -54px;
	right: -150px
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_small_2x.png")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 800px
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 64%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 250px
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.64) - (this.offsetHeight) + 'px')
}
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 500px;
	min-height: 179px;
	width: 50%;
	height: 64%;
	max-width: -webkit-calc(100% - 500px);
	max-width: calc(100% - 500px);
	max-height: -webkit-calc(100% - 179px);
	max-height: calc(100% - 179px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 500 ), this.parentNode.offsetWidth - 500 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.64, 179 ), this.parentNode.offsetHeight - 179 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_large.png");*/
	background-size: 1000px 357px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1000px;
	height: 357px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -179px;
	right: -500px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_large_2x.png")*/
}
}
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 585px;
	min-height: 209px;
	width: 50%;
	height: 64%;
	max-width: -webkit-calc(100% - 585px);
	max-width: calc(100% - 585px);
	max-height: -webkit-calc(100% - 209px);
	max-height: calc(100% - 209px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 585 ), this.parentNode.offsetWidth - 585 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.64, 209 ), this.parentNode.offsetHeight - 209 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_xlarge.png");*/
	background-size: 1170px 418px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1170px;
	height: 418px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -209px;
	right: -585px
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_xlarge_2x.png")*/
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 346px;
	min-height: 124px;
	width: 50%;
	height: 64%;
	max-width: -webkit-calc(100% - 346px);
	max-width: calc(100% - 346px);
	max-height: -webkit-calc(100% - 124px);
	max-height: calc(100% - 124px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 346 ), this.parentNode.offsetWidth - 346 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.64, 124 ), this.parentNode.offsetHeight - 124 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%203.jpg);
	background-size: 692px 247px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 692px;
	height: 247px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -346px
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_medium_2x.png")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 150px;
	min-height: 54px;
	width: 50%;
	height: 64%;
	max-width: -webkit-calc(100% - 150px);
	max-width: calc(100% - 150px);
	max-height: -webkit-calc(100% - 54px);
	max-height: calc(100% - 54px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 150 ), this.parentNode.offsetWidth - 150 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.64, 54 ), this.parentNode.offsetHeight - 54 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_small.png");*/
	background-size: 300px 107px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 300px;
	height: 107px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -54px;
	right: -150px
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_small_2x.png")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 800px
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 64%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 250px
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.64) - (this.offsetHeight) + 'px')
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 500px;
	min-height: 179px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 500px);
	max-width: calc(100% - 500px);
	max-height: -webkit-calc(100% - 179px);
	max-height: calc(100% - 179px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 500 ), this.parentNode.offsetWidth - 500 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 179 ), this.parentNode.offsetHeight - 179 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_large.png");*/
	background-size: 1000px 357px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1000px;
	height: 357px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -179px;
	right: -500px
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_large_2x.png")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 585px;
	min-height: 209px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 585px);
	max-width: calc(100% - 585px);
	max-height: -webkit-calc(100% - 209px);
	max-height: calc(100% - 209px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 585 ), this.parentNode.offsetWidth - 585 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 209 ), this.parentNode.offsetHeight - 209 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_xlarge.png");*/
	background-size: 1170px 418px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1170px;
	height: 418px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -209px;
	right: -585px
}
}
@media only screen and (max-width: 1068px) and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_xlarge_2x.png")*/
}
}
@media only screen and (max-width: 1068px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 346px;
	min-height: 124px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 346px);
	max-width: calc(100% - 346px);
	max-height: -webkit-calc(100% - 124px);
	max-height: calc(100% - 124px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 346 ), this.parentNode.offsetWidth - 346 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 124 ), this.parentNode.offsetHeight - 124 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%203.jpg);
	background-size: 692px 247px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 692px;
	height: 247px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -346px
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_medium_2x.png")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 150px;
	min-height: 54px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 150px);
	max-width: calc(100% - 150px);
	max-height: -webkit-calc(100% - 54px);
	max-height: calc(100% - 54px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 150 ), this.parentNode.offsetWidth - 150 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 54 ), this.parentNode.offsetHeight - 54 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_small.png");*/
	background-size: 300px 107px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 300px;
	height: 107px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -54px;
	right: -150px
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_small_2x.png")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 80%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 60%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 148px
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.6) - (this.offsetHeight) + 'px')
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 500px;
	min-height: 179px;
	width: 50%;
	height: 66%;
	max-width: -webkit-calc(100% - 500px);
	max-width: calc(100% - 500px);
	max-height: -webkit-calc(100% - 179px);
	max-height: calc(100% - 179px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 500 ), this.parentNode.offsetWidth - 500 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.66, 179 ), this.parentNode.offsetHeight - 179 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_large.png");*/
	background-size: 1000px 357px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1000px;
	height: 357px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -179px;
	right: -500px
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_large_2x.png")
}*/
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 585px;
	min-height: 209px;
	width: 50%;
	height: 66%;
	max-width: -webkit-calc(100% - 585px);
	max-width: calc(100% - 585px);
	max-height: -webkit-calc(100% - 209px);
	max-height: calc(100% - 209px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 585 ), this.parentNode.offsetWidth - 585 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.66, 209 ), this.parentNode.offsetHeight - 209 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_xlarge.png");*/
	background-size: 1170px 418px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1170px;
	height: 418px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -209px;
	right: -585px
}
}
@media only screen and (max-width: 735px) and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_xlarge_2x.png")*/
}
}
@media only screen and (max-width: 735px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 346px;
	min-height: 124px;
	width: 50%;
	height: 66%;
	max-width: -webkit-calc(100% - 346px);
	max-width: calc(100% - 346px);
	max-height: -webkit-calc(100% - 124px);
	max-height: calc(100% - 124px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 346 ), this.parentNode.offsetWidth - 346 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.66, 124 ), this.parentNode.offsetHeight - 124 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%203.jpg);
	background-size: 692px 247px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 692px;
	height: 247px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -346px
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_medium_2x.png")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 150px;
	min-height: 54px;
	width: 50%;
	height: 66%;
	max-width: -webkit-calc(100% - 150px);
	max-width: calc(100% - 150px);
	max-height: -webkit-calc(100% - 54px);
	max-height: calc(100% - 54px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 150 ), this.parentNode.offsetWidth - 150 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.66, 54 ), this.parentNode.offsetHeight - 54 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/macbook_small.png");*/
	background-size: 300px 107px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 300px;
	height: 107px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -54px;
	right: -150px
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_small_2x.png")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 90%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 66%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 70px
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.66) - (this.offsetHeight) + 'px')
}
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner .product-pro {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-size: 222px 48px;
	height: 48px;
	width: 222px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/macbook_large.png");*/
	margin-bottom: 0.4em
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/macbook_large_2x.png")*/
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner .product-pro {
	background-size: 275px 59px;
	height: 59px;
	width: 275px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/macbook_xlarge.png"*/)
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/macbook_xlarge_2x.png")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner .product-pro {
	background-size: 182px 39px;
	height: 39px;
	width: 182px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/macbook_medium.png")*/
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/macbook_medium_2x.png")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner .product-pro {
	background-size: 142px 30px;
	height: 30px;
	width: 142px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/macbook_small.png")*/
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/macbook_small_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 346px;
	min-height: 124px;
	width: 50%;
	height: 66%;
	max-width: -webkit-calc(100% - 346px);
	max-width: calc(100% - 346px);
	max-height: -webkit-calc(100% - 124px);
	max-height: calc(100% - 124px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 346 ), this.parentNode.offsetWidth - 346 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.66, 124 ), this.parentNode.offsetHeight - 124 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%203.jpg);
	background-size: 692px 247px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 692px;
	height: 247px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -346px
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .hero-image-a {
	height: 64%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	height: 60%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner {
	padding-bottom: 124px
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-pro {
	background-size: 182px 39px;
	height: 39px;
	width: 182px;
	margin-left: auto;
	margin-right: auto;
/*	background-image: url("http://images.xdr.com/v/home/cn/images/logos/macbook_medium.png");*/
	margin-bottom: 0.4em
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/macbook_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	tracking: -16
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 346px;
	min-height: 124px;
	width: 50%;
	height: 66%;
	max-width: -webkit-calc(100% - 346px);
	max-width: calc(100% - 346px);
	max-height: -webkit-calc(100% - 124px);
	max-height: calc(100% - 124px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 346 ), this.parentNode.offsetWidth - 346 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.66, 124 ), this.parentNode.offsetHeight - 124 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%203.jpg);
	 background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
    height: 100%;
    left: auto;
    margin: 0 !important;
    overflow: visible;
    position: absolute;
    right: -67%;
    top: 17%;
    width: 950px;
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .hero-image-a {
	height: 64%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	height: 60%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner {
	padding-bottom: 124px
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-pro {
	background-size: 182px 39px;
	height: 39px;
	width: 182px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/macbook_medium.png");*/
	margin-bottom: 0.4em
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/macbook_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	tracking: -16
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 346px;
	min-height: 124px;
	width: 50%;
	height: 66%;
	max-width: -webkit-calc(100% - 346px);
	max-width: calc(100% - 346px);
	max-height: -webkit-calc(100% - 124px);
	max-height: calc(100% - 124px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 346 ), this.parentNode.offsetWidth - 346 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.66, 124 ), this.parentNode.offsetHeight - 124 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%203.jpg);
	background-size: 692px 247px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 692px;
	height: 247px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -346px
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-macbook .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/macbook_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) {
.hero-gallery .hero-gallery-item-hero-macbook .homeguides-image, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-macbook .homeguides-image-safezone {
	display: none
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .hero-image-a {
	height: 64%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy {
	height: 60%
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner {
	padding-bottom: 124px
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-pro {
	background-size: 182px 39px;
	height: 39px;
	width: 182px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/macbook_medium.png");*/
	margin-bottom: 0.4em
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/macbook_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) {
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	tracking: -16
}
.hero-gallery .hero-gallery-item-hero-macbook .hero-content .copy .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 6
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .backing-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .backing-link {
	z-index: 5
}
.ie9.no-oldie .backing-link, .ie9.no-oldie .backing-link:hover {
	z-index: 5 !important
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 461px;
	min-height: 192px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 461px);
	max-width: calc(100% - 461px);
	max-height: -webkit-calc(100% - 192px);
	max-height: calc(100% - 192px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 461 ), this.parentNode.offsetWidth - 461 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 192 ), this.parentNode.offsetHeight - 192 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_large.jpg");*/
	background-size: 1920px 533px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1920px;
	height: 533px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -363px;
	right: -1037px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_large_2x.jpg")*/
}
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 336px;
	min-height: 140px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 336px);
	max-width: calc(100% - 336px);
	max-height: -webkit-calc(100% - 140px);
	max-height: calc(100% - 140px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 336 ), this.parentNode.offsetWidth - 336 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 140 ), this.parentNode.offsetHeight - 140 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/jquery.);
	background-size: 1400px 389px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1400px;
	height: 389px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -265px;
	right: -756px
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 130px;
	min-height: 54px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 130px);
	max-width: calc(100% - 130px);
	max-height: -webkit-calc(100% - 54px);
	max-height: calc(100% - 54px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 130 ), this.parentNode.offsetWidth - 130 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 54 ), this.parentNode.offsetHeight - 54 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_small.jpg");*/
	background-size: 540px 150px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 540px;
	height: 150px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -102px;
	right: -292px
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 740px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 50%
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 200px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.5) - (this.offsetHeight) + 'px')
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 461px;
	min-height: 192px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 461px);
	max-width: calc(100% - 461px);
	max-height: -webkit-calc(100% - 192px);
	max-height: calc(100% - 192px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 461 ), this.parentNode.offsetWidth - 461 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 192 ), this.parentNode.offsetHeight - 192 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_large.jpg");*/
	background-size: 1920px 533px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1920px;
	height: 533px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -363px;
	right: -1037px
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_large_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 336px;
	min-height: 140px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 336px);
	max-width: calc(100% - 336px);
	max-height: -webkit-calc(100% - 140px);
	max-height: calc(100% - 140px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 336 ), this.parentNode.offsetWidth - 336 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 140 ), this.parentNode.offsetHeight - 140 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/jquery.);
	background-size: 1400px 389px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1400px;
	height: 389px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -265px;
	right: -756px
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_medium_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 130px;
	min-height: 54px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 130px);
	max-width: calc(100% - 130px);
	max-height: -webkit-calc(100% - 54px);
	max-height: calc(100% - 54px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 130 ), this.parentNode.offsetWidth - 130 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 54 ), this.parentNode.offsetHeight - 54 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_small.jpg");*/
	background-size: 540px 150px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 540px;
	height: 150px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -102px;
	right: -292px
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_small_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 740px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 50%
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 200px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.5) - (this.offsetHeight) + 'px')
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 461px;
	min-height: 192px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 461px);
	max-width: calc(100% - 461px);
	max-height: -webkit-calc(100% - 192px);
	max-height: calc(100% - 192px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 461 ), this.parentNode.offsetWidth - 461 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 192 ), this.parentNode.offsetHeight - 192 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_large.jpg");*/
	background-size: 1920px 533px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1920px;
	height: 533px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -363px;
	right: -1037px
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_large_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 336px;
	min-height: 140px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 336px);
	max-width: calc(100% - 336px);
	max-height: -webkit-calc(100% - 140px);
	max-height: calc(100% - 140px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 336 ), this.parentNode.offsetWidth - 336 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 140 ), this.parentNode.offsetHeight - 140 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/jquery.);
	background-size: 1400px 389px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1400px;
	height: 389px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -265px;
	right: -756px
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 130px;
	min-height: 54px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 130px);
	max-width: calc(100% - 130px);
	max-height: -webkit-calc(100% - 54px);
	max-height: calc(100% - 54px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 130 ), this.parentNode.offsetWidth - 130 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 54 ), this.parentNode.offsetHeight - 54 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_small.jpg");*/
	background-size: 540px 150px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 540px;
	height: 150px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -102px;
	right: -292px
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_small_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 80%
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 50%
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 66px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.5) - (this.offsetHeight) + 'px')
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 461px;
	min-height: 192px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 461px);
	max-width: calc(100% - 461px);
	max-height: -webkit-calc(100% - 192px);
	max-height: calc(100% - 192px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 461 ), this.parentNode.offsetWidth - 461 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 192 ), this.parentNode.offsetHeight - 192 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_large.jpg");*/
	background-size: 1920px 533px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1920px;
	height: 533px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -363px;
	right: -1037px
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_large_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 336px;
	min-height: 140px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 336px);
	max-width: calc(100% - 336px);
	max-height: -webkit-calc(100% - 140px);
	max-height: calc(100% - 140px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 336 ), this.parentNode.offsetWidth - 336 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 140 ), this.parentNode.offsetHeight - 140 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/jquery.);
	background-size: 1400px 389px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1400px;
	height: 389px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -265px;
	right: -756px
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 130px;
	min-height: 54px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 130px);
	max-width: calc(100% - 130px);
	max-height: -webkit-calc(100% - 54px);
	max-height: calc(100% - 54px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 130 ), this.parentNode.offsetWidth - 130 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 54 ), this.parentNode.offsetHeight - 54 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_small.jpg");*/
	background-size: 540px 150px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 540px;
	height: 150px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -102px;
	right: -292px
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 90%
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 50%
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 0px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.5) - (this.offsetHeight) + 'px')
}
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	margin-bottom: -90px
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	margin-bottom: 0px
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	margin-bottom: -4px
}
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-size: 244px 48px;
	height: 48px;
	width: 244px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_large.png")*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_large_2x.png")*/
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
	background-size: 316px 60px;
	height: 60px;
	width: 316px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_xlarge.png")*/
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_xlarge_2x.png")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
	background-size: 205px 40px;
	height: 40px;
	width: 205px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_medium.png")*/
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_medium_2x.png")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
	background-size: 166px 31px;
	height: 31px;
	width: 166px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_small.png")*/
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_small_2x.png")*/
}
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -98px;
	margin-right: 64px
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -78px
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -64px
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-right: 64px
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-right: 56px
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-right: 20px
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 336px;
	min-height: 140px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 336px);
	max-width: calc(100% - 336px);
	max-height: -webkit-calc(100% - 140px);
	max-height: calc(100% - 140px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 336 ), this.parentNode.offsetWidth - 336 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 140 ), this.parentNode.offsetHeight - 140 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner .homeguides-image-element {
  background-image: url("../images/demo1/jquery.");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  bottom: 0;
  left: auto;
  margin: 0 !important;
  overflow: visible;
  position: absolute;
  right: -63%;
  top: 12%;
  width: 100%;
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_medium_2x.jpg")*/
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-safezone {
	display: none
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -64px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	margin-bottom: 0px;
	padding-bottom: 80px
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 336px;
	min-height: 140px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 336px);
	max-width: calc(100% - 336px);
	max-height: -webkit-calc(100% - 140px);
	max-height: calc(100% - 140px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 336 ), this.parentNode.offsetWidth - 336 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 140 ), this.parentNode.offsetHeight - 140 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/jquery.);
	background-size: 1400px 389px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1400px;
	height: 389px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -265px;
	right: -756px
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/iphone_6s_medium_2x.jpg")*/
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .homeguides-image-safezone {
	display: none
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -64px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner {
	margin-bottom: 0px;
	padding-bottom: 80px
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-right: 56px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	tracking: -16;
	background-size: 205px 40px;
	height: 40px;
	width: 205px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_medium.png");*/
	margin-bottom: 0.25em
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-right: 56px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	tracking: -16;
	background-size: 205px 40px;
	height: 40px;
	width: 205px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_medium.png");*/
	margin-bottom: 0.25em
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .hero-image-a .hero-image-inner {
	margin-right: 56px
}
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	tracking: -16;
	background-size: 205px 40px;
	height: 40px;
	width: 205px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_medium.png");*/
	margin-bottom: 0.25em
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/iphone_6s_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) {
.hero-gallery .hero-gallery-item-hero-iphone_6s .hero-content .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 6
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .backing-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .backing-link {
	z-index: 5
}
.ie9.no-oldie .backing-link, .ie9.no-oldie .backing-link:hover {
	z-index: 5 !important
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 466px;
	min-height: 289px;
	width: 50%;
	height: 63%;
	max-width: -webkit-calc(100% - 466px);
	max-width: calc(100% - 466px);
	max-height: -webkit-calc(100% - 289px);
	max-height: calc(100% - 289px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 466 ), this.parentNode.offsetWidth - 466 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.63, 289 ), this.parentNode.offsetHeight - 289 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_large.jpg");*/
	background-size: 1940px 802px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1940px;
	height: 802px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -545px;
	right: -1048px
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_large_2x.jpg")*/
}
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 315px;
	min-height: 195px;
	width: 50%;
	height: 63%;
	max-width: -webkit-calc(100% - 315px);
	max-width: calc(100% - 315px);
	max-height: -webkit-calc(100% - 195px);
	max-height: calc(100% - 195px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 315 ), this.parentNode.offsetWidth - 315 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.63, 195 ), this.parentNode.offsetHeight - 195 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%201.jpg);
	background-size: 1310px 541px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1310px;
	height: 541px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -368px;
	right: -707px
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 106px;
	min-height: 66px;
	width: 50%;
	height: 63%;
	max-width: -webkit-calc(100% - 106px);
	max-width: calc(100% - 106px);
	max-height: -webkit-calc(100% - 66px);
	max-height: calc(100% - 66px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 106 ), this.parentNode.offsetWidth - 106 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.63, 66 ), this.parentNode.offsetHeight - 66 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_small.jpg");*/
	background-size: 440px 182px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 440px;
	height: 182px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -238px
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 800px
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 63%
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 286px
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.63) - (this.offsetHeight) + 'px')
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 466px;
	min-height: 289px;
	width: 50%;
	height: 63%;
	max-width: -webkit-calc(100% - 466px);
	max-width: calc(100% - 466px);
	max-height: -webkit-calc(100% - 289px);
	max-height: calc(100% - 289px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 466 ), this.parentNode.offsetWidth - 466 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.63, 289 ), this.parentNode.offsetHeight - 289 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_large.jpg");*/
	background-size: 1940px 802px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1940px;
	height: 802px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -545px;
	right: -1048px
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_large_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 315px;
	min-height: 195px;
	width: 50%;
	height: 63%;
	max-width: -webkit-calc(100% - 315px);
	max-width: calc(100% - 315px);
	max-height: -webkit-calc(100% - 195px);
	max-height: calc(100% - 195px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 315 ), this.parentNode.offsetWidth - 315 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.63, 195 ), this.parentNode.offsetHeight - 195 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%201.jpg);
	background-size: 1310px 541px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1310px;
	height: 541px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -368px;
	right: -707px
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_medium_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 106px;
	min-height: 66px;
	width: 50%;
	height: 63%;
	max-width: -webkit-calc(100% - 106px);
	max-width: calc(100% - 106px);
	max-height: -webkit-calc(100% - 66px);
	max-height: calc(100% - 66px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 106 ), this.parentNode.offsetWidth - 106 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.63, 66 ), this.parentNode.offsetHeight - 66 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_small.jpg");*/
	background-size: 440px 182px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 440px;
	height: 182px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -238px
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_small_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 800px
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 63%
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 286px
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.63) - (this.offsetHeight) + 'px')
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 466px;
	min-height: 289px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 466px);
	max-width: calc(100% - 466px);
	max-height: -webkit-calc(100% - 289px);
	max-height: calc(100% - 289px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 466 ), this.parentNode.offsetWidth - 466 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 289 ), this.parentNode.offsetHeight - 289 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_large.jpg");*/
	background-size: 1940px 802px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1940px;
	height: 802px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -545px;
	right: -1048px
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_large_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 315px;
	min-height: 195px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 315px);
	max-width: calc(100% - 315px);
	max-height: -webkit-calc(100% - 195px);
	max-height: calc(100% - 195px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 315 ), this.parentNode.offsetWidth - 315 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 195 ), this.parentNode.offsetHeight - 195 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%201.jpg);
	background-size: 1310px 541px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1310px;
	height: 541px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -368px;
	right: -707px
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 106px;
	min-height: 66px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 106px);
	max-width: calc(100% - 106px);
	max-height: -webkit-calc(100% - 66px);
	max-height: calc(100% - 66px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 106 ), this.parentNode.offsetWidth - 106 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 66 ), this.parentNode.offsetHeight - 66 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_small.jpg");*/
	background-size: 440px 182px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 440px;
	height: 182px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -238px
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_small_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 80%
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 60%
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 182px
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.6) - (this.offsetHeight) + 'px')
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 466px;
	min-height: 289px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 466px);
	max-width: calc(100% - 466px);
	max-height: -webkit-calc(100% - 289px);
	max-height: calc(100% - 289px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 466 ), this.parentNode.offsetWidth - 466 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 289 ), this.parentNode.offsetHeight - 289 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_large.jpg");*/
	background-size: 1940px 802px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1940px;
	height: 802px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -545px;
	right: -1048px
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_large_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 315px;
	min-height: 195px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 315px);
	max-width: calc(100% - 315px);
	max-height: -webkit-calc(100% - 195px);
	max-height: calc(100% - 195px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 315 ), this.parentNode.offsetWidth - 315 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 195 ), this.parentNode.offsetHeight - 195 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%201.jpg);
	background-size: 1310px 541px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1310px;
	height: 541px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -368px;
	right: -707px
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 106px;
	min-height: 66px;
	width: 50%;
	height: 50%;
	max-width: -webkit-calc(100% - 106px);
	max-width: calc(100% - 106px);
	max-height: -webkit-calc(100% - 66px);
	max-height: calc(100% - 66px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 106 ), this.parentNode.offsetWidth - 106 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.5, 66 ), this.parentNode.offsetHeight - 66 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_small.jpg");*/
	background-size: 440px 182px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 440px;
	height: 182px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -124px;
	right: -238px
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 90%
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 50%
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 0px
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.5) - (this.offsetHeight) + 'px')
}
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-size: 173px 46px;
	height: 46px;
	width: 173px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_large.png")*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_large_2x.png")*/
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
	background-size: 218px 58px;
	height: 58px;
	width: 218px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_xlarge.png")*/
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_xlarge_2x.png")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
	background-size: 139px 37px;
	height: 37px;
	width: 139px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_medium.png")*/
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_medium_2x.png")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
	background-size: 108px 29px;
	height: 29px;
	width: 108px;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_small.png")*/
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_small_2x.png")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	margin-bottom: 10px
}
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -4px;
	background-position-x: 4px
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -4px
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: auto
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -58px
}
}
@media only screen and (max-width: 1068px) {
.ie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -90px
}
}
@media only screen and (max-width: 735px) {
.ie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: -60px
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 315px;
	min-height: 195px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 315px);
	max-width: calc(100% - 315px);
	max-height: -webkit-calc(100% - 195px);
	max-height: calc(100% - 195px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 315 ), this.parentNode.offsetWidth - 315 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 195 ), this.parentNode.offsetHeight - 195 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner .homeguides-image-element {
  background-image: url("../images/demo1/slide%201.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  bottom: 0;
  left: auto;
  margin: 0 !important;
  overflow: visible;
  position: absolute;
  right: -67%;
  top: 17%;
  width: 950px;
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner .homeguides-image-element {
background-image:url(../images/demo1/slide%201.jpg);
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-safezone {
	display: none
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	padding-bottom: 205px
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 315px;
	min-height: 195px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 315px);
	max-width: calc(100% - 315px);
	max-height: -webkit-calc(100% - 195px);
	max-height: calc(100% - 195px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 315 ), this.parentNode.offsetWidth - 315 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 195 ), this.parentNode.offsetHeight - 195 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%201.jpg);
	background-size: 1310px 541px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1310px;
	height: 541px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -368px;
	right: -707px
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/ipad_pro_family_medium_2x.jpg")*/
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .homeguides-image-safezone {
	display: none
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner {
	padding-bottom: 205px
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: auto
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	tracking: -16;
	background-size: 139px 37px;
	height: 37px;
	width: 139px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_medium.png");*/
	margin-bottom: 0.25em
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: auto
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	tracking: -16;
	background-size: 139px 37px;
	height: 37px;
	width: 139px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_medium.png");*/
	margin-bottom: 0.25em
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (max-width: 1441px) and (min-width: 1069px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .hero-image-a .hero-image-inner {
	margin-bottom: auto
}
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
	font-size: 52px;
	line-height: 1.07885;
	font-weight: 200;
	tracking: -16;
	background-size: 139px 37px;
	height: 37px;
	width: 139px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_medium.png");*/
	margin-bottom: 0.25em
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (min-resolution: 1.5dppx), only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-pro {
/*background-image:url("http://images.xdr.com/v/home/cn/images/logos/ipad_pro_medium_2x.png")*/
}
}
@media only screen and (max-height: 1048px) and (max-width: 1068px) and (min-width: 736px) {
.hero-gallery .hero-gallery-item-hero-ipad_pro_family .hero-content .copy-inner .product-text {
	font-size: 32px;
	line-height: 1.125;
	font-weight: 300;
	letter-spacing: normal
}
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 6
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .backing-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .backing-link {
	z-index: 5
}
.ie9.no-oldie .backing-link, .ie9.no-oldie .backing-link:hover {
	z-index: 5 !important
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .hero-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 499px;
	min-height: 270px;
	width: 50%;
	height: 70%;
	max-width: -webkit-calc(100% - 499px);
	max-width: calc(100% - 499px);
	max-height: -webkit-calc(100% - 270px);
	max-height: calc(100% - 270px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 499 ), this.parentNode.offsetWidth - 499 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 270 ), this.parentNode.offsetHeight - 270 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
  background-image: url("../images/demo1/slide%202.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  bottom: 0;
  height: 100%;
  left: auto;
  margin: 0 !important;
  overflow: visible;
  position: absolute;
  right: -67%;
  top: 17%;
  width: 950px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_large_2x.jpg")*/
}
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 316px;
	min-height: 171px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 316px);
	max-width: calc(100% - 316px);
	max-height: -webkit-calc(100% - 171px);
	max-height: calc(100% - 171px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 316 ), this.parentNode.offsetWidth - 316 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 171 ), this.parentNode.offsetHeight - 171 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_medium.jpg");*/
	background-size: 671px 341px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 671px;
	height: 341px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -164px;
	right: -336px
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 124px;
	min-height: 67px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 124px);
	max-width: calc(100% - 124px);
	max-height: -webkit-calc(100% - 67px);
	max-height: calc(100% - 67px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 124 ), this.parentNode.offsetWidth - 124 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 67 ), this.parentNode.offsetHeight - 67 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	/*background-image: url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_small.jpg");*/
	background-size: 263px 134px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 263px;
	height: 134px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -64px;
	right: -132px
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 600px
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 60%
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 254px
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.6) - (this.offsetHeight) + 'px')
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 499px;
	min-height: 270px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 499px);
	max-width: calc(100% - 499px);
	max-height: -webkit-calc(100% - 270px);
	max-height: calc(100% - 270px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 499 ), this.parentNode.offsetWidth - 499 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 270 ), this.parentNode.offsetHeight - 270 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%202.jpg);
	background-size: 1061px 539px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1061px;
	height: 539px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -259px;
	right: -531px
}
}
@media only screen and (min-width: 1442px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_large_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 316px;
	min-height: 171px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 316px);
	max-width: calc(100% - 316px);
	max-height: -webkit-calc(100% - 171px);
	max-height: calc(100% - 171px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 316 ), this.parentNode.offsetWidth - 316 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 171 ), this.parentNode.offsetHeight - 171 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_medium.jpg");*/
	background-size: 671px 341px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 671px;
	height: 341px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -164px;
	right: -336px
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_medium_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 124px;
	min-height: 67px;
	width: 50%;
	height: 60%;
	max-width: -webkit-calc(100% - 124px);
	max-width: calc(100% - 124px);
	max-height: -webkit-calc(100% - 67px);
	max-height: calc(100% - 67px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 124 ), this.parentNode.offsetWidth - 124 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.6, 67 ), this.parentNode.offsetHeight - 67 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_small.jpg");*/
	background-size: 263px 134px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 263px;
	height: 134px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -64px;
	right: -132px
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1442px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (min-width: 1442px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_small_2x.jpg")*/
}
}
@media only screen and (min-width: 1442px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (min-width: 1442px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 600px
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 60%
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 254px
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.6) - (this.offsetHeight) + 'px')
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 499px;
	min-height: 270px;
	width: 50%;
	height: 58%;
	max-width: -webkit-calc(100% - 499px);
	max-width: calc(100% - 499px);
	max-height: -webkit-calc(100% - 270px);
	max-height: calc(100% - 270px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 499 ), this.parentNode.offsetWidth - 499 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.58, 270 ), this.parentNode.offsetHeight - 270 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%202.jpg);
	background-size: 1061px 539px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1061px;
	height: 539px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -259px;
	right: -531px
}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_large_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 316px;
	min-height: 171px;
	width: 50%;
	height: 58%;
	max-width: -webkit-calc(100% - 316px);
	max-width: calc(100% - 316px);
	max-height: -webkit-calc(100% - 171px);
	max-height: calc(100% - 171px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 316 ), this.parentNode.offsetWidth - 316 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.58, 171 ), this.parentNode.offsetHeight - 171 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_medium.jpg");*/
	background-size: 671px 341px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 671px;
	height: 341px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -164px;
	right: -336px
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 124px;
	min-height: 67px;
	width: 50%;
	height: 58%;
	max-width: -webkit-calc(100% - 124px);
	max-width: calc(100% - 124px);
	max-height: -webkit-calc(100% - 67px);
	max-height: calc(100% - 67px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 124 ), this.parentNode.offsetWidth - 124 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.58, 67 ), this.parentNode.offsetHeight - 67 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_small.jpg");*/
	background-size: 263px 134px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 263px;
	height: 134px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -64px;
	right: -132px
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_small_2x.jpg")*/
}
}
@media only screen and (max-width: 1068px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 80%
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 58%
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 180px
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.58) - (this.offsetHeight) + 'px')
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 499px;
	min-height: 270px;
	width: 50%;
	height: 68%;
	max-width: -webkit-calc(100% - 499px);
	max-width: calc(100% - 499px);
	max-height: -webkit-calc(100% - 270px);
	max-height: calc(100% - 270px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 499 ), this.parentNode.offsetWidth - 499 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.68, 270 ), this.parentNode.offsetHeight - 270 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
	background-image:url(../images/demo1/slide%202.jpg);
	background-size: 1061px 539px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 1061px;
	height: 539px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -259px;
	right: -531px
}
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_large_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 316px;
	min-height: 171px;
	width: 50%;
	height: 68%;
	max-width: -webkit-calc(100% - 316px);
	max-width: calc(100% - 316px);
	max-height: -webkit-calc(100% - 171px);
	max-height: calc(100% - 171px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 316 ), this.parentNode.offsetWidth - 316 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.68, 171 ), this.parentNode.offsetHeight - 171 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_medium.jpg");*/
	background-size: 671px 341px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 671px;
	height: 341px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -164px;
	right: -336px
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (max-width: 1068px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_medium_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 1068px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
	position: absolute;
	bottom: auto;
	right: auto;
	left: 0;
	top: 0;
	min-width: 124px;
	min-height: 67px;
	width: 50%;
	height: 68%;
	max-width: -webkit-calc(100% - 124px);
	max-width: calc(100% - 124px);
	max-height: -webkit-calc(100% - 67px);
	max-height: calc(100% - 67px)
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a, html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner {
width:expression( Math.min( Math.max( this.parentNode.offsetWidth * 0.5, 124 ), this.parentNode.offsetWidth - 124 ) + 'px' );
height:expression( Math.min( Math.max( this.parentNode.offsetHeight * 0.68, 67 ), this.parentNode.offsetHeight - 67 ) + 'px' )
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*	background-image: url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_small.jpg");*/
	background-size: 263px 134px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 263px;
	height: 134px;
	overflow: visible;
	position: absolute;
	top: auto;
	left: auto;
	bottom: -64px;
	right: -132px
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (max-width: 735px) and (min-resolution: 144dpi) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .hero-image-inner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-image-a .homeguides-image-positioner .homeguides-image-element {
/*background-image:url("http://images.xdr.com/v/home/cn/images/heros/apple_watch_trio_small_2x.jpg")*/
}
}
@media only screen and (max-width: 735px) and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-x-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-y-rule, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-positioner, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-element, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .homeguides-image-safezone {
	display: none
}
}
@media only screen and (max-width: 735px) {
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	top: 0;
	bottom: auto;
	left: 0;
	right: auto;
	overflow: visible;
	height: 100%;
	width: 90%
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy:before, .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy:after {
	content: ' ';
	display: inline-block;
	height: 100%;
	width: 0px;
	font-size: 0;
	margin: 0 -1000px;
	padding: 0;
	vertical-align: middle
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	left: 50%;
	top: auto;
	vertical-align: bottom;
	height: 68%
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner {
	vertical-align: bottom;
	top: auto;
	left: -50%;
	padding-bottom: 246px
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner * {
	text-align: center
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy {
	top: 0;
	height: 100%;
	vertical-align: top
}
html.oldie .hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy .copy-inner {
	top: 0;
	vertical-align: top;
margin-top:expression((this.parentNode.offsetHeight * 0.68) - (this.offsetHeight) + 'px')
}
}
.hero-gallery .hero-gallery-item-hero-apple_watch_trio .hero-content .copy-inner .product-pro {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-size: 226px 48px;
	height: 48px;
	width: 226px;
/*	background-image: url("http://images.xdr.com/v/home/cn/images/logos/watch_large.png")*/
}