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

#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink{
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg {
	background-color:black;
	border:1px solid white;
	border-radius: 5px;
}
div.mc-caption {
	font:bold 15px Arial;
	color:#EEE;
	z-index:4;
	padding:3px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:center;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	width:200px;
	height:17px;
	background:none;
	padding-left:20px;
	position:absolute;
	top:-25px;
	right: -1px;
	z-index:6000000;
	cursor:pointer;
	text-align: right;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:13px; height:13px;
    background:url("/images/slide/bullet.png") no-repeat 0 0;
    display: inline-block;
    overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:5px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
	z-index:1000;
}

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


/* --------- Others ------- */
#slider, #slider_main
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}