.intrinsic-container {
    position: relative;
    height: 0;
    overflow: hidden;
}

.intrinsic-container {
    border-bottom:1px solid #ccc;
    padding-bottom: 30.00%;
}

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img {
    /*
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding:0;
    display:none;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position:static;z-index:100;
    display:block;
}

/* pager */
.cycle-pager {
    text-align:center;width:100%;z-index:500;position:absolute;bottom:50px;overflow:hidden;
}
.cycle-pager span {
    font-family:arial;font-size:50px;width:16px;height:16px;
    display:inline-block;color:#ddd;cursor:pointer;
}
.cycle-pager span.cycle-pager-active {color:#fff;}
.cycle-pager > * {cursor:pointer;}


/* caption */
.cycle-caption {position:absolute;color:white;bottom:15px;right:15px;z-index:700;}

/* overlay */
.cycle-overlay {
    font-family:tahoma, arial;
    position:absolute;bottom:0;width:100%;z-index:600;
    background:black;color:white;padding:15px;opacity:.5;
}

/* prev / next links */
.cycle-prev,
.cycle-next {outline-style:none !important;outline:0 !important;position:absolute;top:0;width:35px;opacity:0.5;filter:alpha(opacity=0.5);z-index:800;height:100%;cursor:pointer;}
.cycle-prev {left:35px;background:url(left.png) 50% 50% no-repeat;}
.cycle-next {right:35px;background:url(right.png) 50% 50% no-repeat;}
.cycle-prev:hover,
.cycle-next:hover {opacity:1;filter:alpha(opacity=1);outline-style:none;outline:0;}


.cycle-overlay div + div {display:none;}

.cycle-prev {display:none;}
.cycle-next {display:none;}
.cycle-caption {display:none;}
.cycle-overlay {display:none;}
.cycle-pager {display:none;}