@charset "utf-8";
/* CSS Document */

/***********scrol*************/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 450px;
	height:285px;
	z-index:20;
	background-color:#ccc;
	background-image:url(../../images/slice_gallery_in.png);
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div.item {
	float:left;
	width:450px;
	height:285px;
	text-align:center;
}
.items div.item img {
	border:1px solid #333;
}


.prev {
	cursor:pointer;
	width:10px;
	height:30px;
	z-index:50;
}
.next {
	cursor:pointer;
	width:10px;
	height:30px;
	z-index:50;
}
.slide_text_conteiner {
	background:url(images/slide_bg.png) repeat-x;
	bottom:0px;
	position: absolute;
	z-index:100;
}
.slide_text_conteiner:hover {
	background:url(images/slide_bg_hover.png) repeat-x;
}
.slide_title {
	width:430px;
	color:#FFF;
	font-size:17px;
	padding:4px 10px;
}
.slide_title em{
	color:#FFF;
	font-size:12px;
}

/**********fine scrol********************/