@charset "utf-8";
/* CSS Document */


#iview { display: block; width: 100%; height: 500px; position: relative; overflow: hidden; }
#iview .iviewSlider { display: block; width: 100%; height: 500px; margin: 0px auto; }
#iview div.iview-directionNav { top: 42%; }
#iview .iview-controlNav { position: absolute; bottom: 20px; left: 50%;  *left: 47%;
margin-left: 8px; }
#iview .iview-items { position: relative; margin-left: -50%; }
#iview .iview-controlNav a { text-indent: -9999px; }
#iview .iview-controlNav a.iview-control { padding: 0px; float: left; width:16px; height: 16px; background: url('../images/circle.png') no-repeat 0px -32px; line-height: 0px; margin-right: 8px; }
#iview .iview-controlNav a.iview-control.active { background-position: 0px 0px; }
.iview div.iview-directionNav { position: absolute; top: 37%; left: 0px; z-index: 9; width: 100%; }
.iview div.iview-directionNav a { display: block; cursor: pointer; position: absolute; width: 97px; height: 97px; background-image: url('../images/bg_direction_nav_white.png'); text-indent: -9999px; -webkit-transition: left 0.3s ease-in-out; -webkit-transition-property: left, right; -moz-transition: left 0.3s ease-in-out; -moz-transition-property: left, right; -o-transition: left 0.3s ease-in-out; -o-transition-property: left, right; -ms-transition: left 0.3s ease-in-out; -ms-transition-property: left, right; transition: left 0.3s ease-in-out; transition-property: left, right; }
.iview div.iview-directionNav a.iview-nextNav { right: -50px; background-position: 100px 0px; }
.iview div.iview-directionNav a.iview-prevNav { left: -50px; background-position: 0px 0px }
.iview.iview-hover div.iview-directionNav a.iview-nextNav { right: 8%; }
.iview.iview-hover div.iview-directionNav a.iview-prevNav { left: 8%; }
.iview-caption { color: #FFF; border-radius: 3px; padding: 10px 15px; font-family: Verdana; font-size: 12px; text-shadow: #000 1px 1px 0px; }
.iview-caption.caption1 { text-shadow: none; }
.iview-caption.caption2 { background: #FFF; color: #000; text-shadow: none; }
.iview-caption.caption3 { background: #c4302b; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; text-shadow: none; }
#iview-preloader { border: #666 1px solid; width: 150px; }
#iview-preloader div { background: #666; }
/* The slider */
.iviewSlider { overflow: hidden; }
/* The timer in the Slider */
#iview-timer { position: absolute; z-index: 100; border-radius: 5px; cursor: pointer; }
#iview-timer div { border-radius: 3px; }
/* The Preloader in the Slider */
#iview-preloader { position: absolute; z-index: 1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: #000 1px solid; padding: 1px; width: 100px; height: 3px; }
#iview-preloader div { float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 3px; background: #000; width: 0px; }
/* The strips and boxes in the Slider */
.iview-strip { display: block; position: absolute; z-index: 5; }
.iview-block { display: block; position: absolute; z-index: 5; }
/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.iview-prevNav { left: 0px; }
.iview-nextNav { right: 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav { position: absolute; z-index: 90; }
.iview-controlNav a { z-index: 90; cursor: pointer; }
.iview-controlNav a.active { font-weight: bold; }
.iview-controlNav .iview-items ul { list-style: none; }
.iview-controlNav .iview-items ul li { display: inline; position: relative; }
.iview-controlNav .iview-tooltip { position: absolute; }
/* The captions in the Slider */
.iview-caption { position: absolute; z-index: 4; overflow: hidden; cursor: default; }
/* The video show in the Slider */
.iview-video-show { background: #000; position: absolute; width: 100%; height: 100%; z-index: 101; }
.iview-video-show .iview-video-container { position: relative; width: 100%; height: 100%; }
.iview-video-show .iview-video-container a.iview-video-close { position: absolute; right: 10px; top: 10px; background: #222; color: #FFF; height: 20px; width: 20px; text-align: center; line-height: 29px; font-size: 22px; font-weight: bold; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.iview-video-show .iview-video-container a.iview-video-close:hover { background: #444; }