.flex .sli > li {display: none; -webkit-backface-visibility: hidden;} 

.flex .sli img {max-width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}





.sli:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .sli {display: block;}

* html .sli {height: 1%;}





.no-js .sli > li:first-child {display: block;}





/* flex Default Theme

*********************************/

.flex { position: relative; zoom: 1;}

.flex .sli {zoom: 1;}

.flex .sli li {position: relative;}







.flex-caption {position:absolute !important;z-index: 1;padding: 0 30px;bottom:55px; width:100%; opacity:1;-webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;}

.flex-caption b,.flexC b{ font-size:60px; font-weight:bold; margin-top:10px;font-family: 'centuryef-boldregular';}

.flex-caption h2,.flexC h2{font-size:30px;}

.flexC{ padding:30px 30px; position:absolute;top:10%; background:url(../images/mask_z91.png) repeat; width:80%;left:10%;height: 80%;opacity: 0;

    -webkit-opacity: 0;

    -moz-opacity: 0;

    filter: alpha(opacity=0);

    transform: scale(0.8,0.8);

    -webkit-transform: scale(0.8,0.8);

    -moz-transform: scale(0.8,0.8);

    -ms-transform: scale(0.8,0.8);

    transition: all 1s ease-in-out 0s;

    -webkit-transition: all 1s ease-in-out 0s;

    -moz-transition: all 1s ease-in-out 0s;

    -ms-transition: all 1s ease-in-out 0s;}

.flexC p{ line-height:25px; height:200px; overflow:hidden; margin-top:20px;}

.flex .sli li.active .flexC{  opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

    filter: alpha(opacity=100);

    transform: scale(1.0,1.0);

    -webkit-transform: scale(1.0,1.0);

    -moz-transform: scale(1.0,1.0);

    -ms-transform: scale(1.0,1.0);}

.flex .sli li.active .flex-caption{  opacity:0;}







/* Direction Nav */

.flex-direction-nav { height: 0; }

.flex-direction-nav .flex-disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}

.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-nav li:first-child {margin: 0;}

.flex-control-nav a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -999em;}

.flex-control-nav a.flex-active {background-position: 0 -26px; cursor: default;}

#responsiveFlag{font-size:0;line-height:0;}

@media handheld, only screen and (min-width: 320px) {

	.flex-caption {

		position:static;

	}

}





	.flex .sli > li {

		display:inline-block;

		overflow:hidden;

		position:relative;

		

		

		/*for 5 sli*/

		width:20%;

	}

	.flex .sli img {

		display: block;

		max-width: 1000px;

	}

	.flex-caption {

		width: 100%;
		height: 146px;

	}	

	#responsiveFlag{display:block;}