#iview {
margin: 30px auto;
overflow: hidden;
display: block;
width: 914px;
height:370px;
background:#3e492a;
border:3px solid #3e492a;

position: relative;
-webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);

border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;

}

#iview .iviewSlider {
display: block;
width: 914spx;
height: 370px;
overflow: hidden;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}

#iview div.iview-directionNav {
position: absolute;
top: 173px;
left: 0px;
z-index: 9;
width: 100%;
}

#iview div.iview-directionNav a {
display: block;
cursor: pointer;
position: absolute;
width: 27px;
height: 27px;
background-image:  url(images/bg_direction_nav.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: -27px; background-position: 27px 0px;}

#iview div.iview-directionNav a.iview-prevNav {left: -27px; background-position: 0px 0px}

#iview.iview-hover div.iview-directionNav a.iview-nextNav {right: 20px;}

#iview.iview-hover div.iview-directionNav a.iview-prevNav {left: 20px;}

.iview-caption {
background: url('images/caption-bg.png');
color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
padding: 10px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-shadow: #000 1px 1px 0px;
}

.iview-caption.video-caption {padding: 10px;}

.iview-caption.caption1 {text-shadow: none;}

.iview-caption.caption2 {
background: #ffffff;
color: #000000;
text-shadow: none;
}

.iview-caption.caption3 {
background: #c4302b;
box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
text-shadow: none;
}

.iview-caption.caption3 div {line-height: 150%; text-align: justify;}

.iview-caption.caption4 {
background: #00b4ff;
font-size: 36px;
font-weight: bold;
text-shadow: none;
}

.iview-caption.caption5 {
background: #ffffff;
color: #000000;
font-size: 26px;
text-shadow: none;
}

#iview-preloader {border: #666666 1px solid; width: 150px}

#iview-preloader div {background: #666666;}





/* The slider */
.iviewSlider {overflow: hidden;}

/* The timer in the Slider */
#iview-timer {
position: absolute;
z-index: 100;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
cursor: pointer;
}

#iview-timer div {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
}

/* The Preloader in the Slider */
#iview-preloader {
position: absolute;
z-index: 1000;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border: #000000 1px solid;
padding: 1px;
width: 100px;
height: 3px;
}
#iview-preloader div {
float: left;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
height: 3px;
background: #000000;
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:9;}
.iview-controlNav a {z-index:9; 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: #000000;
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: #222222;
color: #ffffff;
height: 20px;
width: 20px;
text-align: center;
line-height: 29px;
font-size: 22px;
font-weight: bold;
overflow: hidden;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
}
.iview-video-show .iview-video-container a.iview-video-close:hover {background: #444444;}