/*Studio-x 
Image Cycler with Navigation and Full Screen
*/
#sx_CyclerScreen {opacity: 0; overflow: hidden; position: fixed; left: 0; top:0; right: 0; bottom: 0; background: #000; z-index: 9999;}
.sx_Cycler {position:relative; left: 0; top:0; right: 0; margin: 0 0 25px 0; clear: both; background: #fff; border: 1px solid #f3f3f3}
.sx_Cycler figure {position: absolute; top:0; left:0; right:0; opacity: 0;
    padding:0; margin:0; text-align: center; vertical-align: center; overflow: hidden;}
.sx_Cycler figure.active {display: block; opacity: 1;}
.sx_Cycler figure img {max-width: 100%; max-height: 100%; margin: 0 auto; cursor: pointer;}

.sx_Cycler div {margin: 0; z-index: 10; color: #666;}
.sx_Cycler div:hover {color: #ccc;}

.sx_Cycler .navBG {position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.sx_Cycler .navBG:after {content: ""; clear: both;}
.sx_Cycler .nav-prev {float:left; font-size: 2em; padding: 0 10px 5px 10px; cursor: pointer;}
.sx_Cycler .nav-next {float:right; font-size: 2em; padding: 0 10px 5px 10px; cursor: pointer;}
.sx_Cycler .nav-prev:after {content: "\276E \276E"; }
.sx_Cycler .nav-next:after {content:"\276F \276F";}
.sx_Cycler p {margin: 0; padding: 0 50px 2px 50px; font-size: 0.8em; line-height: 120%}