/* http://www.menucool.com */



#sliderFrame 

{

    position:relative;

    width:922px;

    margin: 0 auto; /*center-aligned*/

}



.slider_common, .slider_common div.sliderInner {

    width:340px;
    height:304px;/* Must be the same size as the slider images */

}
.slider_common1{
    width: 95% !important;
    height: 315px;
}
.slide-rowbg {
    background: rgba(255, 255, 255, 0.7);
    padding: 10px 0px;
}


.slider_common {

	background:#fff url(loading.gif) no-repeat 50% 50%;

	position:relative;

	margin:0 auto; /*center-aligned*/

    transform: translate3d(0,0,0);

    box-shadow: 0px 1px 5px #999999;
    background-repeat: no-repeat !important;

}



/* image wrapper */

.slider_common a.imgLink, .slider_common div.video {

	z-index:2;

	position:absolute;

	top:0px;left:0px;border:0;padding:0;margin:0;

	width:100%;height:100%;

}

.slider_common .video {

	background:transparent url(video.png) no-repeat 50% 50%;

}



/* Caption styles */

.slider_common div.mc-caption-bg, .slider_common div.mc-caption-bg2 {

	position:absolute;

	width:100%;

	height:auto;

	padding:10px 0;/* 10px will increase the height.*/

	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/

	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/

	z-index:3;

	overflow:hidden;

	font-size: 0;

}

.slider_common div.mc-caption-bg 

{

    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/

	background:Black;/* or any other colors such as White, or: background:none; */

}

.slider_common div.mc-caption-bg2 {

    background:none;

}

.slider_common div.mc-caption {

	font: bold 14px/20px Arial;

	color:#EEE;

	z-index:4;

	text-align:center;

    background:none;

}

.slider_common div.mc-caption a {

	color:#FB0;

}

.slider_common div.mc-caption a:hover {

	color:#DA0;

}





/* ------ built-in navigation bullets wrapper ------*/

/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */

.slider_common div.navBulletsWrapper  {

    top:320px;/* Its position is relative to the .slider_common */

	text-align:center;

	background:none;

	position:relative;

	z-index:5;
    display: none;

}



/* each bullet */

.slider_common div.navBulletsWrapper div 

{

    width:11px; height:11px;

    font-size:0;color:White;/*hide the index number in the bullet element*/

    background:transparent url(bullet.png) no-repeat 0 0;

    display:inline-block; *display:inline; zoom:1;

    overflow:hidden;cursor:pointer;

    margin:0 6px;/* set distance between each bullet*/

}



.slider_common div.navBulletsWrapper div.active {background-position:0 -11px;}





/* --------- Others ------- */



.slider_common div.loading 

{

    width:100%; height:100%;

    background:transparent url(loading.gif) no-repeat 50% 50%;

    filter: alpha(opacity=60);

    opacity:0.6;

    position:absolute;

    left:0;

    top:0; 

    z-index:9;

}



.slider_common img, #slider>b, .slider_common a>b {

	position:absolute; border:none; display:none;

}



.slider_common div.sliderInner {

	overflow:hidden; 

	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/

	position:absolute; top:0; left:0;

}



.slider_common>a, .slider_common video, .slider_common audio {display:none;}