/**
 * @Softwawe: Truview-HTML
 * @PackageVersion: 1.9.50
 * @Built: Wed Oct 28 2015 14:07:18 
 * @Auther: Sam Wang
 * @Copyright (c) 2010-2015 Ortery Technologies Inc.
 * All rights reserved.
 */
.animateViewerBtnDiv {
	bottom:0;
	z-index:6;
	position:absolute;
	display:none
}
.animateViewerBtnDiv div, .animateViewerBtnDiv>img {
	position:absolute;
	bottom:0;
	opacity:.7;
	filter:alpha(opacity=70)
}
.animateViewerToggleCtrBtn {
	position:absolute;
	bottom:1px;
	left:1px;
	width:1px;
	height:1px;
	z-index:6
}
.animateViewerEffectBtn {
	cursor:pointer
}
.animateViewerEffectBtn:hover {
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2)
}
.animateViewerBtnDisabled {
	opacity:.3!important
}
.animateViewerPageBtnDiv {
	bottom:0;
	right:0;
	z-index:6;
	position:absolute;
	display:none;
	font-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-font-size-adjust:none;
	-ms-font-size-adjust:none;
	-o-font-size-adjust:none
}
@media (max-height:400px) and (orientation:landscape) {
.animateViewerPageBtnDiv {
	overflow-y:auto;
	max-height:95%
}
}
.animateViewerPageBtn {
	border:0;
	padding:0;
	background:0/100% 100%;
	opacity:.7;
	display:block;
	text-align:center;
	font-family:Arial;
	line-height:normal;
	border-radius:0;
	cursor:pointer
}
.animateViewerPageBlock {
	position:relative;
	border-style:groove;
	border-color:grey;
	cursor:pointer
}
.animateViewerPageBlock>img {
	position:absolute
}
.animateViewerPageBlock>button {
	cursor:inherit
}
.animateViewerStartPageBtn {
	z-index:6;
	position:absolute;
	display:none;
	opacity:.7;
	filter:alpha(opacity=70);
	background-size:100% 100%;
	cursor:pointer
}
.animateViewerHintDiv {
	top:5%;
	right:auto;
	bottom:auto;
	left:5%;
	position:absolute;
	width:90%;
	height:90%;
	z-index:7;
	background-color:#3AC5E0;
	display:none
}
.animateViewerHintBtn {
	top:0;
	right:0;
	bottom:auto;
	left:auto;
	position:absolute;
	z-index:6
}
.animateViewerHintTextDiv {
	width:90%;
	height:90%;
	margin-left:5%;
	margin-top:5%;
	font-size:20px;
	font-family:"Arial Black";
	color:#fff
}
.animateBrowserHintBackground {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	text-align:center;
	background-color:rgba(0,0,0,.3)
}
.animateBrowserHint {
	padding:10px;
	color:#777;
	font-family:arial;
	font-size:15px;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	text-shadow:1px 1px 0 #fff;
	text-align:center;
	width:280px;
	height:280px;
	top:0;
	margin:auto;
	position:relative;
	border:8px solid #474747;
	background-color:#FEFCFF
}
.animateBrowserHintBtn {
	-moz-box-shadow:inset 0 1px 0 0 #fff;
	-webkit-box-shadow:inset 0 1px 0 0 #fff;
	box-shadow:inset 0 1px 0 0 #fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf)) #ededed;
	background:-moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%) #ededed;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	-webkit-border-radius:6px;
	-moz-border-radius-topleft:6px;
	border-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-bottomleft:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777;
	font-family:arial;
	font-size:15px;
	font-weight:700;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:150px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0 #fff;
	margin-left:10px;
	margin-top:10px;
	bottom:10%
}
.animateBrowserHintBtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed)) #dfdfdf;
	background:-moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%) #dfdfdf;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')
}
.animateBrowserHintBtn:active {
	position:relative;
	top:1px
}
.animateViewrMediaDiv {
	z-index:0;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.animateViewrMediaDiv img, .animateViewrMediaDiv video {
	width:100%;
	height:100%
}
.animateViewerSvgDiv {
	top:0;
	z-index:2;
	position:absolute
}
.animateViewerSvgElem {
	width:100%;
	height:100%
}
.animateViewerSvgBackground {
	position:absolute;
	z-index:1;
	overflow:visible;
	visibility:hidden;
	display:none
}
.animateViewerSvgTitle {
	position:relative;
	left:0;
	top:0;
	z-index:2;
	overflow:visible;
	display:table-cell;
	vertical-align:middle;
	font-weight:400;
	font-style:normal;
	font-family:Arial;
	color:#fff;
	border-bottom:1px solid #000
}
.animateMagnifier {
	z-index:3;
	position:absolute;
	overflow:hidden;
	background-repeat:no-repeat;
	-webkit-box-shadow:5px 5px 20px rgba(0,0,0,.5);
	-moz-box-shadow:5px 5px 20px rgba(0,0,0,.5);
	-ms-box-shadow:5px 5px 20px rgba(0,0,0,.5);
	-o-box-shadow:5px 5px 20px rgba(0,0,0,.5);
	box-shadow:5px 5px 20px rgba(0,0,0,.5);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	background-clip:padding-box;
	border:1px solid #000;
	left:0;
	top:0;
	cursor:move;
	display:none
}
.animateViewerPageAudioPlayer {
	top:10px;
	right:10px;
	bottom:auto;
	left:auto;
	position:absolute;
	z-index:6;
	width:30px;
	height:auto;
	display:none;
	cursor:pointer
}
.animateViewerSignAudioPlayer {
	top:0;
	right:0;
	bottom:auto;
	left:auto;
	position:absolute;
	z-index:3;
	width:10%;
	height:auto;
	min-width:15px;
	max-width:30px;
	cursor:pointer
}
#animateViewerContMenu {
	display:none
}
#animateContLink, #animateContPanObj, #animateContRotateObj {
	text-align:left;
	font-family:Helvetica, sans-serif
}
#animateContLink a {
	color:#000;
	text-decoration:none;
	cursor:default
}
.animateThumbnailImg {
	position:absolute;
	visibility:hidden
}
.animateViewerLoader {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:5;
	background-position:center center;
	background-repeat:no-repeat;
	visibility:hidden
}
.animateViewerPhoto {
	position:relative;
	z-index:1;
	margin:auto;
	background-position:center center;
	background-repeat:no-repeat;
	font-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-font-size-adjust:none;
	-ms-font-size-adjust:none;
	-o-font-size-adjust:none
}
.animateViewerDisplayer {
	visibility:hidden
}
.animateViewerSvgDiv audio {
	position:absolute;
	z-index:-10
}
.animateViewerTextCalculator {
	margin:0;
	padding:0;
	border:0;
	white-space:nowrap;
	display:none;
	font-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-font-size-adjust:none;
	-ms-font-size-adjust:none;
	-o-font-size-adjust:none
}
.animateViewerEaselDiv {
	font-family:Arial;
	font-weight:700;
	text-shadow:3px 3px 3px #000;
	text-align:center;
	color:#fff;
	z-index:4;
	position:absolute;
	overflow:hidden;
	font-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-font-size-adjust:none;
	-ms-font-size-adjust:none;
	-o-font-size-adjust:none
}
