.hi-slider-app,
.hi-view-port {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  position: relative;
}

.hi-scale-view {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 1;
  display: block;
}

.hi-main-view,
.hi-scene {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.hi-scene {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  list-style: none;
  overflow: hidden;
  z-index: auto;
}

.hi-current-scene {
  z-index: 2;
}

.hi-background {
  overflow: hidden;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.hi-stage {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  z-index: 200;
}

.hi-accelerate {
  z-index: 0;
  height: 100%;
  width: 100%;
  display: block;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.hi-hidden {
  display: none !important;
}

.hi-basic-hidden.hi-visible {
  display: block !important;
}

.hi-animation-hidden {
  display: none !important;
}

.hi-basic-hidden {
  display: none !important;
}

.hi-ie-full-screen {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 999999999999 !important;
}

.hi-margin {
  margin: 1px !important;
}

.hi-component {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
}

.hi-text-component {
  word-break: break-word;
  overflow: hidden;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.hi-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.hi-action {
  cursor: pointer;
}

.hi-display-none {
  display: none !important;
}

.hi-play-video-icon {
  position: absolute;
  left: 0;
  top: 0;
  background: url(hi-play-icon.png) no-repeat transparent center center;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}

.hi-video-component {
  background-color: #000000;
}

.hi-video-thumbnail-ok > img,
.hi-video-thumbnail-error > img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.hi-sound-component {
  display: none !important;
}

.hi-messagebox-component {
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 1px 1px 3px #292929;
}

.hi-button-component {
  overflow: hidden;
  border-style: solid;
}

.hi-button-component.hi-img-btn {
  border-style: none;
}

.hi-button-component .hi-btn-link {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  overflow: hidden;
  -webkit-transition: box-shadow 0.15s ease-in-out, text-shadow 0.15s ease-in-out;
  -moz-transition: box-shadow 0.15s ease-in-out, text-shadow 0.15s ease-in-out;
  -ms-transition: box-shadow 0.15s ease-in-out, text-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, text-shadow 0.15s ease-in-out;
  -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
  -ms-text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
}

.hi-button-component.hi-img-btn .hi-btn-link {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.hi-button-component.active.hi-img-btn .hi-btn-link {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  top: 1px;
  left: 1px;
}

.hi-button-component.active .hi-btn-link {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px -1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px -1px 0px rgba(255, 255, 255, 0.2);
  -ms-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px -1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px -1px 0px rgba(255, 255, 255, 0.2);
  -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  -ms-text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
}

.hi-button-component.active .hi-btn-background {
  left: 0px;
  top: 0px;
}

.hi-button-component .hi-btn-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0;
  z-index: 3;
}

.hi-button-component:hover .hi-btn-cover {
  opacity: 0.1;
}

.hi-button-component.active:hover .hi-btn-cover {
  opacity: 0;
}

.hi-button-component .hi-btn-background {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.hi-button-component .hi-btn-background img {
  width: 100%;
  height: 100%;
}

.hi-shape-component svg line,
.hi-shape-component svg polygon,
.hi-shape-component svg polyline,
.hi-shape-component svg path,
.hi-shape-component svg rect {
  stroke-linejoin: round;
  stroke-linecap: round;
}

.hi-msg-image,
.hi-msg-text {
  float: left;
}

/*.hi-msg-image {
  text-align: centerScene;
}*/
.hi-msg-image > img {
  position: relative;
}

.hi-msg-text-body > p {
  word-break: break-word;
  margin: 0;
}

.hi-msg-close {
  position: absolute;
  z-index: 1;
  font-family: cursive;
  font-size: 30px;
  line-height: 20px;
  color: black;
  cursor: pointer;
  font-style: normal;
}

.hi-msg-text-link {
  text-decoration: none;
}

.hi-msg-text-body {
  overflow: hidden;
}

.hi-text {
  display: inline-block;
}

.hi-tester {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  color: transparent;
}

.hi-basic-loading-sizing {
  width: 24px;
  height: 24px;
  z-index: 700;
  position: absolute;
  overflow: hidden;
}

.hi-scene-loading {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  background-image: url(hi-loading.gif) !important;
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  z-index: 700;
  position: absolute;
  overflow: hidden;
  background-color: #FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 3px #292929;
  -moz-box-shadow: 1px 1px 3px #292929;
  -ms-box-shadow: 1px 1px 3px #292929;
  -o-box-shadow: 1px 1px 3px #292929;
  box-shadow: 1px 1px 3px #292929;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}

.hi-loading {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  background-image: url(hi-loading.gif) !important;
  background-repeat: no-repeat;
  background-position: center center;
}

.hi-simple-loading {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  background-image: url(hi-loading.gif) !important;
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  z-index: 700;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}

.hi-scene-loading > .hi-loading-background {
  position: absolute;
  left: 0;
  top: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 0%;
  background-color: rgba(0, 0, 0, 0.5);
  *background-color: transparent;
  -webkit-transition: height 300ms ease;
  -moz-transition: height 300ms ease;
  -ms-transition: height 300ms ease;
  -o-transition: height 300ms ease;
  transition: height 300ms ease;
}

.hi-loading-progress {
  padding: 0;
  margin: 0;
  border: none;
  visibility: visible;
  vertical-align: baseline;
  max-width: none;
  max-height: none;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  color: #ffffff;
  font-size: 24px;
  line-height: 32px;
  font-family: Arial;
  z-index: 100;
  margin-left: 24px;
  margin-top: 24px;
  -webkit-text-shadow: 1px 1px 3px #292929;
  -moz-text-shadow: 1px 1px 3px #292929;
  -ms-text-shadow: 1px 1px 3px #292929;
  -o-text-shadow: 1px 1px 3px #292929;
  text-shadow: 1px 1px 3px #292929;
}

.hi-no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hi-prev {
  background-image: url(prev.png);
  background-repeat: no-repeat;
  background-position: center;
}

.hi-next {
  background-image: url(next.png);
  background-repeat: no-repeat;
  background-position: center;
}

.hi-play {
  background-image: url(play.png);
  background-repeat: no-repeat;
  background-position: center;
}

.hi-pause {
  background-image: url(pause.png);
  background-repeat: no-repeat;
  background-position: center;
}

.hi-slide-controls-button {
  background-color: rgb(125, 125, 125); /*for ie*/
  background-color: rgba(0, 0, 0, 0.5);
}

.hi-slide-controls-button:active {
  background-color: rgb(200, 200, 200); /*for ie*/
  background-color: rgba(60, 60, 60, 0.3);
}

.hi-embedWeb-fullScreen-button {
  background-image: url(../../released/flipHTML5EmbedWEB.png);
  background-repeat: no-repeat;
  background-position: 2px -1px;
}.hi-side{
	position:absolute;
	overflow:hidden;
	height:100%;
	width:100%;
	left:0;
	top:0;
}
.hi-grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.hi-blur {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	filter: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"blur\"><feGaussianBlur stdDeviation=\"10\"/></filter></svg>#blur');
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10')progid:DXImageTransform.Microsoft.BasicImage(opacity=1);
}.hi-slide-box-next-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 120px 0;
}
.hi-slide-box-close-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 30px 0;
}
.hi-video-close {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 30px 0;
}
.hi-slide-box-prev-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 0 0;
}
.hi-slide-box-first-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 90px 0;
}
.hi-slide-box-last-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 60px 0;
}
.hi-slide-box-imageWrapper {
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.hi-light-box-loading {
  position:relative;
  width:50px;
  height:62px;
  left: 50%;
  z-index: 1;
  top: 50%;
  margin-top: -31px;
  margin-left: -25px;
}
.hi-light-box-loading div {
  position:absolute;
  background-color:#FFFFFF;
  width:8px;
  height:19px;
  -moz-border-radius:7px 7px 0 0;
  -moz-transform:scale(0.4);
  -moz-animation-name:loading;
  -moz-animation-duration:0.72s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:linear;
  -webkit-border-radius:7px 7px 0 0;
  -webkit-transform:scale(0.4);
  -webkit-animation-name:loading;
  -webkit-animation-duration:0.72s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  -ms-transform:scale(0.4);
  -ms-animation-name:loading;
  -ms-animation-duration:0.72s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:linear;
  -o-transform:scale(0.4);
  -o-animation-name:loading;
  -o-animation-duration:0.72s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:linear;
  border-radius:7px 7px 0 0;
  transform:scale(0.4);
  animation-name:loading;
  animation-duration:0.72s;
  animation-iteration-count:infinite;
  animation-direction:linear;
}
#hi-light-box-loading-01{
  left:0;
  top:23px;
  -moz-animation-delay:0.27s;
  -moz-transform:rotate(-90deg);
  -webkit-animation-delay:0.27s;
  -webkit-transform:rotate(-90deg);
  -ms-animation-delay:0.27s;
  -ms-transform:rotate(-90deg);
  -o-animation-delay:0.27s;
  -o-transform:rotate(-90deg);
  animation-delay:0.27s;
  transform:rotate(-90deg);
}
#hi-light-box-loading-02{
  left:6px;
  top:8px;
  -moz-animation-delay:0.36s;
  -moz-transform:rotate(-45deg);
  -webkit-animation-delay:0.36s;
  -webkit-transform:rotate(-45deg);
  -ms-animation-delay:0.36s;
  -ms-transform:rotate(-45deg);
  -o-animation-delay:0.36s;
  -o-transform:rotate(-45deg);
  animation-delay:0.36s;
  transform:rotate(-45deg);
}
#hi-light-box-loading-03{
  left:21px;
  top:2px;
  -moz-animation-delay:0.45s;
  -moz-transform:rotate(0deg);
  -webkit-animation-delay:0.45s;
  -webkit-transform:rotate(0deg);
  -ms-animation-delay:0.45s;
  -ms-transform:rotate(0deg);
  -o-animation-delay:0.45s;
  -o-transform:rotate(0deg);
  animation-delay:0.45s;
  transform:rotate(0deg);
}

#hi-light-box-loading-04{
  right:6px;
  top:8px;
  -moz-animation-delay:0.54s;
  -moz-transform:rotate(45deg);
  -webkit-animation-delay:0.54s;
  -webkit-transform:rotate(45deg);
  -ms-animation-delay:0.54s;
  -ms-transform:rotate(45deg);
  -o-animation-delay:0.54s;
  -o-transform:rotate(45deg);
  animation-delay:0.54s;
  transform:rotate(45deg);
}

#hi-light-box-loading-05{
  right:0;
  top:23px;
  -moz-animation-delay:0.63s;
  -moz-transform:rotate(90deg);
  -webkit-animation-delay:0.63s;
  -webkit-transform:rotate(90deg);
  -ms-animation-delay:0.63s;
  -ms-transform:rotate(90deg);
  -o-animation-delay:0.63s;
  -o-transform:rotate(90deg);
  animation-delay:0.63s;
  transform:rotate(90deg);
}

#hi-light-box-loading-06{
  right:6px;
  bottom:6px;
  -moz-animation-delay:0.72s;
  -moz-transform:rotate(135deg);
  -webkit-animation-delay:0.72s;
  -webkit-transform:rotate(135deg);
  -ms-animation-delay:0.72s;
  -ms-transform:rotate(135deg);
  -o-animation-delay:0.72s;
  -o-transform:rotate(135deg);
  animation-delay:0.72s;
  transform:rotate(135deg);
}
#hi-light-box-loading-07{
  bottom:0;
  left:21px;
  -moz-animation-delay:0.81s;
  -moz-transform:rotate(180deg);
  -webkit-animation-delay:0.81s;
  -webkit-transform:rotate(180deg);
  -ms-animation-delay:0.81s;
  -ms-transform:rotate(180deg);
  -o-animation-delay:0.81s;
  -o-transform:rotate(180deg);
  animation-delay:0.81s;
  transform:rotate(180deg);
}
#hi-light-box-loading-08{
  left:6px;
  bottom:6px;
  -moz-animation-delay:0.9s;
  -moz-transform:rotate(-135deg);
  -webkit-animation-delay:0.9s;
  -webkit-transform:rotate(-135deg);
  -ms-animation-delay:0.9s;
  -ms-transform:rotate(-135deg);
  -o-animation-delay:0.9s;
  -o-transform:rotate(-135deg);
  animation-delay:0.9s;
  transform:rotate(-135deg);
}
@-moz-keyframes loading{
  0%{
    background-color:#FFFFFF}

  100%{
    background-color:#000000}

}
@-webkit-keyframes loading{
  0%{
    background-color:#FFFFFF}

  100%{
    background-color:#000000}
}
@-ms-keyframes loading{
  0%{
    background-color:#FFFFFF}

  100%{
    background-color:#000000}
}
@-o-keyframes loading{
  0%{
    background-color:#FFFFFF}

  100%{
    background-color:#000000}
}
@keyframes loading{
  0%{
    background-color:#FFFFFF}
  100%{
    background-color:#000000}
}.hi-slide-box-next-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 120px 0;
}
.hi-slide-box-close-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 30px 0;
}
.hi-video-close {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 30px 0;
}
.hi-slide-box-prev-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 0 0;
}
.hi-slide-box-first-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 90px 0;
}
.hi-slide-box-last-button {
  overflow: hidden;
  background: url(fliphtml5ImageSliderBox.png) 60px 0;
}
.hi-slide-box-imageWrapper {
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.hi-light-box-loading {
  position:relative;
  width:50px;
  height:62px;
  left: 50%;
  z-index: 1;
  top: 50%;
  margin-top: -31px;
  margin-left: -25px;
}
.hi-light-box-loading div {
  position:absolute;
  background-color:#FFFFFF;
  width:8px;
  height:19px;
  -moz-border-radius:7px 7px 0 0;
  -moz-transform:scale(0.4);
  -moz-animation-name:loading;
  -moz-animation-duration:0.72s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:linear;
  -webkit-border-radius:7px 7px 0 0;
  -webkit-transform:scale(0.4);
  -webkit-animation-name:loading;
  -webkit-animation-duration:0.72s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  -ms-transform:scale(0.4);
  -ms-animation-name:loading;
  -ms-animation-duration:0.72s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:linear;
  -o-transform:scale(0.4);
  -o-animation-name:loading;
  -o-animation-duration:0.72s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:linear;
  border-radius:7px 7px 0 0;
  transform:scale(0.4);
  animation-name:loading;
  animation-duration:0.72s;
  animation-iteration-count:infinite;
  animation-direction:linear;
}
#hi-light-box-loading-01{
  left:0;
  top:23px;
  -moz-animation-delay:0.27s;
  -moz-transform:rotate(-90deg);
  -webkit-animation-delay:0.27s;
  -webkit-transform:rotate(-90deg);
  -ms-animation-delay:0.27s;
  -ms-transform:rotate(-90deg);
  -o-animation-delay:0.27s;
  -o-transform:rotate(-90deg);
  animation-delay:0.27s;
  transform:rotate(-90deg);
}
#hi-light-box-loading-02{
  left:6px;
  top:8px;
  -moz-animation-delay:0.36s;
  -moz-transform:rotate(-45deg);
  -webkit-animation-delay:0.36s;
  -webkit-transform:rotate(-45deg);
  -ms-animation-delay:0.36s;
  -ms-transform:rotate(-45deg);
  -o-animation-delay:0.36s;
  -o-transform:rotate(-45deg);
  animation-delay:0.36s;
  transform:rotate(-45deg);
}
#hi-light-box-loading-03{
  left:21px;
  top:2px;
  -moz-animation-delay:0.45s;
  -moz-transform:rotate(0deg);
  -webkit-animation-delay:0.45s;
  -webkit-transform:rotate(0deg);
  -ms-animation-delay:0.45s;
  -ms-transform:rotate(0deg);
  -o-animation-delay:0.45s;
  -o-transform:rotate(0deg);
  animation-delay:0.45s;
  transform:rotate(0deg);
}

#hi-light-box-loading-04{
  right:6px;
  top:8px;
  -moz-animation-delay:0.54s;
  -moz-transform:rotate(45deg);
  -webkit-animation-delay:0.54s;
  -webkit-transform:rotate(45deg);
  -ms-animation-delay:0.54s;
  -ms-transform:rotate(45deg);
  -o-animation-delay:0.54s;
  -o-transform:rotate(45deg);
  animation-delay:0.54s;
  transform:rotate(45deg);
}

#hi-light-box-loading-05{
  right:0;
  top:23px;
  -moz-animation-delay:0.63s;
  -moz-transform:rotate(90deg);
  -webkit-animation-delay:0.63s;
  -webkit-transform:rotate(90deg);
  -ms-animation-delay:0.63s;
  -ms-transform:rotate(90deg);
  -o-animation-delay:0.63s;
  -o-transform:rotate(90deg);
  animation-delay:0.63s;
  transform:rotate(90deg);
}

#hi-light-box-loading-06{
  right:6px;
  bottom:6px;
  -moz-animation-delay:0.72s;
  -moz-transform:rotate(135deg);
  -webkit-animation-delay:0.72s;
  -webkit-transform:rotate(135deg);
  -ms-animation-delay:0.72s;
  -ms-transform:rotate(135deg);
  -o-animation-delay:0.72s;
  -o-transform:rotate(135deg);
  animation-delay:0.72s;
  transform:rotate(135deg);
}
#hi-light-box-loading-07{
  bottom:0;
  left:21px;
  -moz-animation-delay:0.81s;
  -moz-transform:rotate(180deg);
  -webkit-animation-delay:0.81s;
  -webkit-transform:rotate(180deg);
  -ms-animation-delay:0.81s;
  -ms-transform:rotate(180deg);
  -o-animation-delay:0.81s;
  -o-transform:rotate(180deg);
  animation-delay:0.81s;
  transform:rotate(180deg);
}
#hi-light-box-loading-08{
  left:6px;
  bottom:6px;
  -moz-animation-delay:0.9s;
  -moz-transform:rotate(-135deg);
  -webkit-animation-delay:0.9s;
  -webkit-transform:rotate(-135deg);
  -ms-animation-delay:0.9s;
  -ms-transform:rotate(-135deg);
  -o-animation-delay:0.9s;
  -o-transform:rotate(-135deg);
  animation-delay:0.9s;
  transform:rotate(-135deg);
}
@-moz-keyframes loading{
  0%{
    background-color:#FFFFFF}

  100%{
    background-color:#000000}

}
@-webkit-keyframes loading{
  0%{
    background-color:#FFFFFF}

  100%{
    background-color:#000000}
}
@-ms-keyframes loading{
  0%{
    background-color:#FFFFFF}

  100%{
    background-color:#000000}
}
@-o-keyframes loading{
  0%{
    background-color:#FFFFFF}

  100%{
    background-color:#000000}
}
@keyframes loading{
  0%{
    background-color:#FFFFFF}
  100%{
    background-color:#000000}
}.hi-audio-container {
  position: absolute;
  -webkit-user-drag: none;user-drag: none;
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
  cursor: default;
  left:0;
  top: 0;
  width: 308px;
  height: 114px;
}
.hi-audio-loading {
  position: absolute;
  width: 77px;
  height: 67px;
  left: 11px;
  top: 12px;
  z-index: 2;
  border-radius: 6px;
  background: white url(audio-loading.gif) no-repeat 12px 9px;
}
.hi-audio-title {
  position: absolute;
  width: 75px;
  height: 22px;
  left: 15px;
  top: 78px;
  z-index: 2;
  overflow: hidden;
  color: gray;
}
.hi-audio-close {
  z-index: 2;
  position: absolute;
  width: 30px;
  height: 30px;
  right: -10px;
  top: -10px;
  overflow: hidden;
  display: none;
  background: url(fliphtml5ImageSliderBox.png) 30px 0;
}
.hi-audio-title-span {
  white-space: nowrap;
  display: inline-block;
  font-size: 12px;
  font-family: sans-serif;
}
.hi-audio-error {
  position: absolute;
  width: 77px;
  height: 67px;
  left: 11px;
  top: 12px;
  z-index: 2;
  border-radius: 6px;
  background: white url(audio-decent.png) no-repeat -253px -135px;
}
.hi-audio-message {
  font-size: 12px;
  font-family: serif;
  text-align: center;
  color: rgb(68, 68, 68);
  width: 68px;
  height: 14px;
  position: absolute;
  overflow: hidden;
  top: 95px;
  left: 142px;
}
.hi-audio-bg {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background: url(audio-decent.png) no-repeat;
  border-radius: 0 0 4px 4px;
}
.hi-audio-pause {
  width: 57px;
  height: 57px;
  position: absolute;
  z-index: 2;
  left: 142px;
  top: 16px;
  background: url(audio-decent.png) no-repeat -103px -132px;
}
.hi-audio-play {
  width: 57px;
  height: 57px;
  position: absolute;
  z-index: 2;
  left: 142px;
  top: 16px;
  background: url(audio-decent.png) no-repeat -46px -132px;
}
.hi-loaded-progress {
  position: absolute;
  width: 158px;
  height: 9px;
  z-index: 2;
  overflow: hidden;
  left: 96px;
  top: 82px;
}
.hi-played-progress {
  position: absolute;
  width: 158px;
  height: 9px;
  cursor: pointer;
  z-index: 2;
  left: 96px;
  top: 82px;
}
.hi-audio-play-progress-button {
  width: 16px;
  height: 18px;
  position: absolute;
  right: 0;
  top: -5px;
  background: url(audio-decent.png) no-repeat -337px -83px;
}
.hi-loaded-progress-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(146, 146, 146);
  border-radius: 12px;
}
.hi-loaded-progress-fg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: url(audio-decent.png) no-repeat -6px -206px;
}
.hi-played-progress-fg {
  position: absolute;
  height: 100%;
  width: 11%;
  background: url(audio-decent.png) no-repeat -7px -218px
}
.hi-audio-current-time-container {
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
  z-index: 2;
  position: absolute;
  cursor: default;
  right: 54px;
  color: gray;
  font-size: 12px;
  left: 224px;
  top: 93px;
  font-family: sans-serif;
}
.hi-audio-current-time-container:hover{
  color: black;
}
.hi-audio-volume-bar-container {
  position: absolute;
  -webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;
  overflow: hidden;
  z-index: 2;
  cursor: pointer;
  width: 17px;
  height: 62px;
  left: 269px;
  top: 11px;
}
.hi-audio-volume-button {
  width: 100%;
  height: 18px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(audio-decent.png) no-repeat -337px -84px;
}
.hi-audio-volume-bar-fg-bg {
  position: absolute;
  left: -358px;
  bottom: -178px;
  width: 400px;
  height: 250px;
  background: url(audio-decent.png);
}
.hi-audio-volume-bar-background-color {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(audio-decent.png) no-repeat -337px -11px;
}
.hi-audio-volumeBar-foreground-color {
  width: 100%;
  height: 0;
  overflow: hidden;
}
.hi-audio-sound-button {
  z-index: 2;
  position: absolute;
  width: 23px;
  height: 21px;
  top: 75px;
  left: 270px;
}
.hi-audio-sound {
  background: url(audio-decent.png) no-repeat -221px -132px;
}
.hi-audio-sound-muted {
  background: url(audio-decent.png) no-repeat -221px -156px;
}
.hi-audio-prev {
  position: absolute;
  z-index: 2;
  left: 98px;
  top: 23px;
  width: 44px;
  height: 44px;
  background: url(audio-decent.png) no-repeat -0px -132px;
}
.hi-audio-next{
  position: absolute;
  z-index: 2;
  left: 202px;
  top: 23px;
  display: block;
  width: 44px;
  height: 44px;
  background: url(audio-decent.png) no-repeat -167px -132px;
}.hi-audio-container {
  position: absolute;
  -webkit-user-drag: none;user-drag: none;
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
  cursor: default;
  left:0;
  top: 0;
  width: 308px;
  height: 114px;
}
.hi-audio-loading {
  position: absolute;
  width: 77px;
  height: 67px;
  left: 11px;
  top: 12px;
  z-index: 2;
  border-radius: 6px;
  background: white url(audio-loading.gif) no-repeat 12px 9px;
}
.hi-audio-title {
  position: absolute;
  width: 75px;
  height: 22px;
  left: 15px;
  top: 78px;
  z-index: 2;
  overflow: hidden;
  color: gray;
}
.hi-audio-close {
  z-index: 2;
  position: absolute;
  width: 30px;
  height: 30px;
  right: -10px;
  top: -10px;
  overflow: hidden;
  display: none;
  background: url(fliphtml5ImageSliderBox.png) 30px 0;
}
.hi-audio-title-span {
  white-space: nowrap;
  display: inline-block;
  font-size: 12px;
  font-family: sans-serif;
}
.hi-audio-error {
  position: absolute;
  width: 77px;
  height: 67px;
  left: 11px;
  top: 12px;
  z-index: 2;
  border-radius: 6px;
  background: white url(audio-decent.png) no-repeat -253px -135px;
}
.hi-audio-message {
  font-size: 12px;
  font-family: serif;
  text-align: center;
  color: rgb(68, 68, 68);
  width: 68px;
  height: 14px;
  position: absolute;
  overflow: hidden;
  top: 95px;
  left: 142px;
}
.hi-audio-bg {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background: url(audio-decent.png) no-repeat;
  border-radius: 0 0 4px 4px;
}
.hi-audio-pause {
  width: 57px;
  height: 57px;
  position: absolute;
  z-index: 2;
  left: 142px;
  top: 16px;
  background: url(audio-decent.png) no-repeat -103px -132px;
}
.hi-audio-play {
  width: 57px;
  height: 57px;
  position: absolute;
  z-index: 2;
  left: 142px;
  top: 16px;
  background: url(audio-decent.png) no-repeat -46px -132px;
}
.hi-loaded-progress {
  position: absolute;
  width: 158px;
  height: 9px;
  z-index: 2;
  overflow: hidden;
  left: 96px;
  top: 82px;
}
.hi-played-progress {
  position: absolute;
  width: 158px;
  height: 9px;
  cursor: pointer;
  z-index: 2;
  left: 96px;
  top: 82px;
}
.hi-audio-play-progress-button {
  width: 16px;
  height: 18px;
  position: absolute;
  right: 0;
  top: -5px;
  background: url(audio-decent.png) no-repeat -337px -83px;
}
.hi-loaded-progress-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(146, 146, 146);
  border-radius: 12px;
}
.hi-loaded-progress-fg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: url(audio-decent.png) no-repeat -6px -206px;
}
.hi-played-progress-fg {
  position: absolute;
  height: 100%;
  width: 11%;
  background: url(audio-decent.png) no-repeat -7px -218px
}
.hi-audio-current-time-container {
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
  z-index: 2;
  position: absolute;
  cursor: default;
  right: 54px;
  color: gray;
  font-size: 12px;
  left: 224px;
  top: 93px;
  font-family: sans-serif;
}
.hi-audio-current-time-container:hover{
  color: black;
}
.hi-audio-volume-bar-container {
  position: absolute;
  -webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;
  overflow: hidden;
  z-index: 2;
  cursor: pointer;
  width: 17px;
  height: 62px;
  left: 269px;
  top: 11px;
}
.hi-audio-volume-button {
  width: 100%;
  height: 18px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(audio-decent.png) no-repeat -337px -84px;
}
.hi-audio-volume-bar-fg-bg {
  position: absolute;
  left: -358px;
  bottom: -178px;
  width: 400px;
  height: 250px;
  background: url(audio-decent.png);
}
.hi-audio-volume-bar-background-color {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(audio-decent.png) no-repeat -337px -11px;
}
.hi-audio-volumeBar-foreground-color {
  width: 100%;
  height: 0;
  overflow: hidden;
}
.hi-audio-sound-button {
  z-index: 2;
  position: absolute;
  width: 23px;
  height: 21px;
  top: 75px;
  left: 270px;
}
.hi-audio-sound {
  background: url(audio-decent.png) no-repeat -221px -132px;
}
.hi-audio-sound-muted {
  background: url(audio-decent.png) no-repeat -221px -156px;
}
.hi-audio-prev {
  position: absolute;
  z-index: 2;
  left: 98px;
  top: 23px;
  width: 44px;
  height: 44px;
  background: url(audio-decent.png) no-repeat -0px -132px;
}
.hi-audio-next{
  position: absolute;
  z-index: 2;
  left: 202px;
  top: 23px;
  display: block;
  width: 44px;
  height: 44px;
  background: url(audio-decent.png) no-repeat -167px -132px;
}.hi-msg-box-container {
  position: absolute;
  width: 700px;
  height: 350px;
  min-width: 615px;
  left: 0;
  top: 0;
}
.hi-msg-box-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
}
.hi-msg-box-close {
  z-index: 2;
  position: absolute;
  width: 30px;
  height: 30px;
  right: -10px;
  top: -10px;
  overflow: hidden;
  display: none;
  background: url(fliphtml5ImageSliderBox.png) 30px 0;
}
.hi-msg-box-left,.hi-msg-box-right {
  height: 318px;
  float: left;
  min-width: 200px;
  width: 286px;
  border: 16px solid transparent;
}
.hi-msg-box-no-select {
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
  cursor: default;
}
.hi-msg-box-select {
  -webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;
}
.hi-msg-box-gallery {
  height: 250px;
  width: 286px;
  min-width: 200px;
  overflow: hidden;
}
.hi-msg-box-gallery-cover {
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 100%;
  opacity: 0;
  background-color: white;
}
.hi-msg-box-gallery-img-wrap {
  position: absolute;
  overflow: hidden;
  height: 250px;
  width: 286px;
}
.hi-msg-box-gallery-img {
  max-height: 250px;
  min-height: 25px;
  min-width: 25px;
  max-width: 286px;
  position: absolute;
}
.hi-msg-box-thumbnail-wrap {
  width: 256px;
  margin-left: 15px;
  height: 70px;
  overflow: hidden;
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.hi-msg-box-outline {
  outline: 2px solid #317ee7;
}
.hi-msg-box-thumbnail-prev,.hi-msg-box-thumbnail-next{
  position: absolute;
  width: 15px;
  height: 50px;
  bottom: 28px;
  font-weight: bolder;
  font-family: serif;
  text-align: center;
  font-size: 20px;
  color: #cccccc;
  line-height: 50px;
  cursor: pointer;
}
.hi-msg-box-thumbnail-prev:active,.hi-msg-box-thumbnail-next:active{
  font-size: 17px;
}
.hi-msg-box-thumbnail {
  margin: 7px 0 0;
  -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;
  padding: 0 1px 0 1px;
  list-style: none;
}
.hi-msg-box-thumbnail-li {
  float: left;
  cursor: pointer;
  overflow: hidden;
  height: 40px;
  width: 40px;
  border: 3px solid #ffffff;
}
.hi-msg-box-title {
  width: 100%;
  position: relative;
  overflow: hidden;
  max-height: 60px;
  display: block;
  line-height: 20px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.hi-msg-box-body-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  max-height: 190px;
  min-height: 140px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.hi-msg-box-body {
  width: 100%;
  display: block;
  word-wrap: break-word;
  white-space: pre-wrap;
  /* match the body height*/
  line-height: 14px;
  font-size: 13px;
}
.hi-msg-box-body-scroll-container {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  height: 100%;
  box-shadow: inset 1px 0 2px black;
  width: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  border: inset #FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0 0 1px 0;
  border-top: 1px solid rgb(131, 131, 131);
}
.hi-msg-box-body-scroll {
  position: absolute;
  left: 2px;
  top: 1px;
  height: 100%;
  width: 5px;
  background-color: rgba(155, 155, 155, 1);
  border-radius: 49px;
  border-left: 0;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;;
}

.hi-msg-box-button-wrap {
  width: 130px;
  position: relative;
  margin-top: 20px;
  height: 28px;
  display: inline-block;
  bottom: 0;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
}
.hi-msg-box-button-wrap:active {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 white;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 white;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.hi-msg-box-button-span {
  text-overflow: ellipsis;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  display: inline-block;
  text-decoration: none;
}
.hi-msg-box-mark {
  width: 50px;
  height: 50px;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  left: 0;
  z-index: 2;
  top: 0;
  border: 1px solid #3181E7;
}
.hi-msg-box-mark-image {
  position: absolute;
}
.hi-msg-box-origin {
  position: absolute;
  overflow: hidden;
  width: 400px;
  height: 400px;
  z-index: 3;
  top: -25px;
  left: 325px;
  display: block;
  border: 3px solid #cccccc;
  background: white no-repeat;
}
.hi-msg-box-origin-image {
  position: absolute;
}.hi-msg-box-container {
  position: absolute;
  width: 700px;
  height: 350px;
  min-width: 615px;
  left: 0;
  top: 0;
}
.hi-msg-box-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
}
.hi-msg-box-close {
  z-index: 2;
  position: absolute;
  width: 30px;
  height: 30px;
  right: -10px;
  top: -10px;
  overflow: hidden;
  display: none;
  background: url(fliphtml5ImageSliderBox.png) 30px 0;
}
.hi-msg-box-left,.hi-msg-box-right {
  height: 318px;
  float: left;
  min-width: 200px;
  width: 286px;
  border: 16px solid transparent;
}
.hi-msg-box-no-select {
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
  cursor: default;
}
.hi-msg-box-select {
  -webkit-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;
}
.hi-msg-box-gallery {
  height: 250px;
  width: 286px;
  min-width: 200px;
  overflow: hidden;
}
.hi-msg-box-gallery-cover {
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 100%;
  opacity: 0;
  background-color: white;
}
.hi-msg-box-gallery-img-wrap {
  position: absolute;
  overflow: hidden;
  height: 250px;
  width: 286px;
}
.hi-msg-box-gallery-img {
  max-height: 250px;
  min-height: 25px;
  min-width: 25px;
  max-width: 286px;
  position: absolute;
}
.hi-msg-box-thumbnail-wrap {
  width: 256px;
  margin-left: 15px;
  height: 70px;
  overflow: hidden;
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.hi-msg-box-outline {
  outline: 2px solid #317ee7;
}
.hi-msg-box-thumbnail-prev,.hi-msg-box-thumbnail-next{
  position: absolute;
  width: 15px;
  height: 50px;
  bottom: 28px;
  font-weight: bolder;
  font-family: serif;
  text-align: center;
  font-size: 20px;
  color: #cccccc;
  line-height: 50px;
  cursor: pointer;
}
.hi-msg-box-thumbnail-prev:active,.hi-msg-box-thumbnail-next:active{
  font-size: 17px;
}
.hi-msg-box-thumbnail {
  margin: 7px 0 0;
  -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;
  padding: 0 1px 0 1px;
  list-style: none;
}
.hi-msg-box-thumbnail-li {
  float: left;
  cursor: pointer;
  overflow: hidden;
  height: 40px;
  width: 40px;
  border: 3px solid #ffffff;
}
.hi-msg-box-title {
  width: 100%;
  position: relative;
  overflow: hidden;
  max-height: 60px;
  display: block;
  line-height: 20px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.hi-msg-box-body-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
  max-height: 190px;
  min-height: 140px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.hi-msg-box-body {
  width: 100%;
  display: block;
  word-wrap: break-word;
  white-space: pre-wrap;
  /* match the body height*/
  line-height: 14px;
  font-size: 13px;
}
.hi-msg-box-body-scroll-container {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  height: 100%;
  box-shadow: inset 1px 0 2px black;
  width: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
  border: inset #FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0 0 1px 0;
  border-top: 1px solid rgb(131, 131, 131);
}
.hi-msg-box-body-scroll {
  position: absolute;
  left: 2px;
  top: 1px;
  height: 100%;
  width: 5px;
  background-color: rgba(155, 155, 155, 1);
  border-radius: 49px;
  border-left: 0;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;;
}

.hi-msg-box-button-wrap {
  width: 130px;
  position: relative;
  margin-top: 20px;
  height: 28px;
  display: inline-block;
  bottom: 0;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.2);
  text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
}
.hi-msg-box-button-wrap:active {
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 white;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 white;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.hi-msg-box-button-span {
  text-overflow: ellipsis;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  display: inline-block;
  text-decoration: none;
}
.hi-msg-box-mark {
  width: 50px;
  height: 50px;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  left: 0;
  z-index: 2;
  top: 0;
  border: 1px solid #3181E7;
}
.hi-msg-box-mark-image {
  position: absolute;
}
.hi-msg-box-origin {
  position: absolute;
  overflow: hidden;
  width: 400px;
  height: 400px;
  z-index: 3;
  top: -25px;
  left: 325px;
  display: block;
  border: 3px solid #cccccc;
  background: white no-repeat;
}
.hi-msg-box-origin-image {
  position: absolute;
}.flipHtml5-paypal-src {
  background: url(flipHtml5Paypal.png) no-repeat center;
}
.hi-paypal-fb {
  background: url(facebook.png) no-repeat center;
}
.hi-paypal-tw {
  background: url(twitter.png) no-repeat center;
}
.hi-paypal-gg {
  background: url(google.png) no-repeat center;
}
.hi-paypal-mail {
  background: url(email.png) no-repeat center;
}
.hi-paypal-more {
  background: url(more.png) no-repeat center;
}
.hi-paypal-box-left,.hi-paypal-box-right {
  height: 334px;
  float: left;
  width: 310px;
}
.hi-paypal-box-thumbnail-wrap {
  width: 272px;
  float: left;
  height: 50px;
  margin-left: 2px;
  overflow: hidden;
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.hi-paypal-box-thumbnail-prev,.hi-paypal-box-thumbnail-next{
  font-weight: bolder;
  font-family: sans-serif;
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  line-height: 50px;
  cursor: pointer;
  text-shadow: 1px 1px 1px black;
  float: left;
  width: 20px;
  margin-left: -2px;
}
.hi-paypal-box-thumbnail-prev:active,.hi-paypal-box-thumbnail-next:active{
  font-size: 22px;
}
.hi-paypal-box-thumbnail-li {
  float: left;
  margin-right: 12px;
  cursor: pointer;
  overflow: hidden;
  height: 40px;
  width: 40px;
  border: 2px solid #fff;
  outline: 1px solid #919191;
}
.hi-paypal-box-body-scroll-container {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  height: 100%;
  width: 4px;
  background: #ddd;
}
.hi-paypal-box-body-scroll-container:hover {
  background: #ccc;
}
.hi-paypal-box-body-scroll-container:hover > .hi-paypal-box-body-scroll {
  background: #999;
}
.hi-paypal-box-body-scroll {
  position: absolute;
  width: 4px;
  top: 0;
  background-color: #aaa;
}
.hi-paypal-box-mark {
  width: 50px;
  height: 50px;
  position: absolute;
  overflow: hidden;
  left: 0;
  z-index: 2;
  top: 0;
  border: 1px solid #3181E7;
}.flipHtml5-paypal-src {
  background: url(flipHtml5Paypal.png) no-repeat center;
}
.hi-paypal-fb {
  background: url(facebook.png) no-repeat center;
}
.hi-paypal-tw {
  background: url(twitter.png) no-repeat center;
}
.hi-paypal-gg {
  background: url(google.png) no-repeat center;
}
.hi-paypal-mail {
  background: url(email.png) no-repeat center;
}
.hi-paypal-more {
  background: url(more.png) no-repeat center;
}
.hi-paypal-box-left,.hi-paypal-box-right {
  height: 334px;
  float: left;
  width: 310px;
}
.hi-paypal-box-thumbnail-wrap {
  width: 272px;
  float: left;
  height: 50px;
  margin-left: 2px;
  overflow: hidden;
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.hi-paypal-box-thumbnail-prev,.hi-paypal-box-thumbnail-next{
  font-weight: bolder;
  font-family: sans-serif;
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  line-height: 50px;
  cursor: pointer;
  text-shadow: 1px 1px 1px black;
  float: left;
  width: 20px;
  margin-left: -2px;
}
.hi-paypal-box-thumbnail-prev:active,.hi-paypal-box-thumbnail-next:active{
  font-size: 22px;
}
.hi-paypal-box-thumbnail-li {
  float: left;
  margin-right: 12px;
  cursor: pointer;
  overflow: hidden;
  height: 40px;
  width: 40px;
  border: 2px solid #fff;
  outline: 1px solid #919191;
}
.hi-paypal-box-body-scroll-container {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  height: 100%;
  width: 4px;
  background: #ddd;
}
.hi-paypal-box-body-scroll-container:hover {
  background: #ccc;
}
.hi-paypal-box-body-scroll-container:hover > .hi-paypal-box-body-scroll {
  background: #999;
}
.hi-paypal-box-body-scroll {
  position: absolute;
  width: 4px;
  top: 0;
  background-color: #aaa;
}
.hi-paypal-box-mark {
  width: 50px;
  height: 50px;
  position: absolute;
  overflow: hidden;
  left: 0;
  z-index: 2;
  top: 0;
  border: 1px solid #3181E7;
}