/* ====== Slideshow & Scrollable ====== */
/*.carousel-direction a { 
	display:block; width:30px; height:60px; line-height:60px; overflow:hidden; position:absolute; top:50%; z-index:100; margin-top:-30px; 
	font-family:simsun; text-align:center; color:#fff; font-size:30px; text-decoration:none; cursor:pointer; background-color:#999;
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}*/
.carousel-direction a:hover { background-color:#F4A814; color:#fff; text-decoration:none; }
.carousel-direction a.disabled, .carousel-direction a.disabled:hover { background-color:#dcf2ff; color:#ccc; cursor:default; }
.carousel-prev { left:0; }
.carousel-next { right:0; }
.carousel-btn { text-align:center; margin:10px 0; }
.carousel-btn a { display:inline-block; width:12px; height:12px; margin:0 6px; background:#ccc; border-radius:50%; }
.carousel-btn .selected { background:#fff; cursor:default;}
.carousel-btn a span { display:none;}
.carousel-btn-fixed { width:100%; position:absolute; bottom:15px; left:0; margin:0; z-index:100; }
.carousel-num { position:absolute; bottom:7px; right:10px; z-index:100; }
.carousel-num a { display:inline-block; *display:inline; *zoom:1; width:22px; height:22px; line-height:22px; margin:0 0 0 5px; text-align:center; background:#333; font-size:12px; color:#fff; }
.carousel-num a:hover { text-decoration:none; color:#fff; }
.carousel-num a.selected { background:#998b81; cursor:default; }
.carousel-thumbs { text-align:center; } 
.carousel-thumbs a { border:2px solid #ccc; margin:0 3px; display:inline-block; *display:inline; *zoom:1; }
.carousel-thumbs a img { display:block; }
.carousel-thumbs a:hover, .carousel-thumbs a.selected { border-color:#f60; }
.carousel { position:relative; }
.carousel-item { position:relative; float:left; display:block; }
.carousel-item .carousel-img { display:block; }
.carousel-item .carousel-img a[href="javascript:;"] { cursor:default; }
.carousel-item .carousel-img img { display:block; }
.carousel-info { position:absolute; bottom:0; left:0; width:100%; background:url(../images/opa70.png); }
.carousel-info-inner { font-size:13px; padding:8px 10px; color:#fff; }
.carousel-info-inner a, .carousel-info-inner a:hover { color:#fff; }
.carousel-info-inner h3 { font-size:15px; line-height:20px; color:#fff; }
.carousel-info-inner p {margin-top:5px; } 
.responsive-carousel { overflow:hidden; width: 100%;}
.responsive-carousel .carousel-item img { width:100%; height:auto !important; }
.responsive-carousel .carousel-direction { display:none; }
.responsive-carousel:hover .carousel-direction { display:block; }
.responsive-carousel-set .carousel-info-inner h3 { font-weight:normal; }
.slideshow { overflow:hidden; } 
.slideshow .carousel-direction a { width:55px; height:55px; line-height:55px; }
.slideshow .carousel-direction a:hover { }
.slideshow .carousel-prev { }
.slideshow .carousel-next { }
/*.slideshow-gallery { margin-bottom:20px; }
.slideshow-gallery .carousel-img a { display:block; text-align:center; width:100%; }
.slideshow-gallery .carousel-img img { display:inline; }
.slideshow-gallery .carousel-info-inner h3 { font-size:14px; line-height:18px; }
.slideshow-gallery .carousel-direction a { display:none !important; }
.slideshow-gallery:hover .carousel-direction a { display:block !important; }
.slideshow-gallery:hover .carousel-direction a { display:block; }*/
/*.slideshow-gallery-thumbs { position:relative; padding:0 30px; }
.slideshow-gallery-thumbs img { float:left; display:block; margin:0 2px; border:1px solid #ccc; cursor:pointer; width:104px; }
.slideshow-gallery-thumbs img:hover, .slideshow-gallery-thumbs img.selected { border:1px solid #f00; }
.slideshow-gallery-thumbs-direction { padding:0 50px; }
.slideshow-gallery-thumbs-direction a { 
	display:block; width:20px; height:76px; line-height:76px; overflow:hidden; position:absolute; top:50%; z-index:100; margin-top:-38px; 
	font-family:simsun; text-align:center; color:#fff; font-size:25px; text-decoration:none; cursor:pointer; background-color:#ccc; 
}
.slideshow-gallery-thumbs-direction a:hover { background-color:#999; color:#fff; text-decoration:none; }
.slideshow-gallery-thumbs-direction .thumbs-carousel-prev { left:0; }
.slideshow-gallery-thumbs-direction .thumbs-carousel-next { right:0; }
.slideshow-gallery-thumbs-direction .disabled, .slideshow-gallery-thumbs-direction .disabled:hover { background-color:#dcf2ff; color:#ccc; cursor:default; }*/

.scrollable { overflow:hidden; }
.scrollable .caroufredsel_wrapper { width: 100%;}
.scrollable ul { padding:0; _margin-left:-5px !important; list-style:none; overflow:hidden; width:10000em; }
.scrollable ul li {	padding:0px; margin:0 10px; display:block; float:left; width:260px; text-align:center; }
.scrollable ul li p a { display:block; }
.scrollable ul li img { display:block; width:100%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.scrollable ul li p { 
	margin-bottom:10px;	overflow:hidden;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; 
 }
.scrollable ul li p a:hover img { 
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
} 
/*.scrollable ul li h2 { font-size:14px; margin-bottom:10px; line-height:22px; }
.scrollable ul li h2 a { font-size:14px; font-weight:normal; }
.scrollable ul li h2 a:hover { text-decoration:none; }
.scrollable .text-intro { text-align:left; font-size:13px; color:#808080; line-height:1.5; }
.scrollable .carousel-direction a { width:40px; height:40px; line-height:40px; margin-top:0; top:74px; color:#fff; font-size:22px; background-color:#4ba737; }
.scrollable .carousel-direction a:hover { background-color:#F4A814; color:#fff; }
.scrollable .carousel-direction a.disabled, .scrollable .carousel-direction a.disabled:hover { color:#e5e5e5; border:1px solid #e5e5e5; background-color:transparent; }
.scrollable a.carousel-prev { left:-10px; }
.scrollable a.carousel-next { right:-10px; }
.scrollable-3col ul li { width:313px; text-align:left; }
.scrollable-3col ul li p { margin-bottom:15px; }
.scrollable-3col ul li h2, .scrollable-3col ul li h2 a { font-size:16px; font-weight:bold; margin-bottom:0; }
.scrollable-3col .carousel-direction a { top:190px; }
.scrollable-3col .carousel-direction a:hover { background-color:#1a1a1a; }
.scrollable-inside-page ul li { width:160px; }
.scrollable-height .carousel-direction a { top:150px; }
.scrollable-height ul li { text-align:left; }*/
/*.full-scrollable ul li { width:auto; margin:0; }
.full-scrollable ul li a { position:relative; display:block; }
.full-scrollable .scrollable-image { 
	overflow:hidden; 
	-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);	transform:scale(1);
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; 
}
.full-scrollable a:hover .scrollable-image img { 
	transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);
	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;
}
.full-scrollable .scrollable-info { 
	position:absolute; left:0; top:50%; z-index:20; margin-top:-100px; text-align:center; width:100%; height:100%; color:#fff; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); 
	-webkit-transition:-webkit-transform 0.5s ease-out;	-moz-transition:-moz-transform 0.5s ease-out; transition:transform 0.5s ease-out; 
}
.full-scrollable .scrollable-info h3 { padding:0 20px; margin-bottom:15px; font-size:22px; line-height:normal; font-weight:normal; }
.full-scrollable .scrollable-info .scrollable-summarty { padding:0 10px; margin-bottom:20px; line-height:1.5; font-size:14px; }
.full-scrollable .scrollable-info .icon-detail { 
	display:inline-block; *display:inline; *zoom:1; width:41px; height:41px; background:url(../images/skin-icon/icon-detail.gif) no-repeat;
	-webkit-transition:-webkit-transform 0.5s ease-out;	-moz-transition:-moz-transform 0.5s ease-out; transition:transform 0.5s ease-out; 
}
.full-scrollable .scrollable-info .icon-detail span { display:none; }
.full-scrollable .opacity-overlay {
	width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background-color:#F4A814; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); 
	-webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.full-scrollable a:hover .scrollable-info { opacity:1; filter:alpha(opacity=100); }
.full-scrollable .scrollable-info:hover .icon-detail { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); }
.full-scrollable a:hover .opacity-overlay { 
	display:block; filter:alpha(opacity=90); opacity:0.9;
	-webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);
}*/
/*.full-scrollable .carousel-direction { text-align:center; margin:20px 0; height:30px;}
.full-scrollable .carousel-direction a { position:static; display:inline-block; *display:inline; *zoom:1; width:30px; height:30px; line-height:30px; margin:0 8px; font-size:22px; }
.full-scrollable .carousel-direction a:hover { border-color:#fff; color:#fff; }
.full-scrollable .carousel-direction a.disabled, .full-scrollable .carousel-direction a.disabled:hover { color:#ccc; cursor:default; }
.scrollable-text { width:100%; height:25px; overflow:hidden; }
.scrollable-text .carousel-direction a { top:0px; display:block; width:30px; height:20px; overflow:hidden; margin-top:3px; background-color:transparent; background-image:url(../images/style-green/direction-s.gif); background-repeat:no-repeat; }
.scrollable-text .carousel-direction a.carousel-up { background-position:0 0; right:31px; }
.scrollable-text .carousel-direction a.carousel-down { background-position:-31px 0; right:0; }
.scrollable-text .carousel-direction a.carousel-up:hover { background-position:0 -20px; }
.scrollable-text .carousel-direction a.carousel-down:hover { background-position:-31px -20px; }
.scrollable-text .carousel-direction a span { display:none; }
.scrollable-text ul li { padding:0; border:none; width:100%; }
.scrollable-text .article-list-row { margin-bottom:0; }
.scrollable-text .article-title { margin-right:10px; }
.scrollable-text .article-list-row li { overflow:hidden; white-space:nowrap; }
.scrollable-text .article-list-row li .article-title { padding-left:0; background:none; line-height:25px; }*/
/*
.scrollable .scrollable-item { position:relative; background-color:#fff; border:1px solid #e9eaea; border-bottom-width:4px; padding-bottom:15px; }
.scrollable .scrollable-item h2 { margin:15px 10px; }
.scrollable .scrollable-item em { display:block; width:70px; height:3px; overflow:hidden; background-color:#0e7dc7; position:absolute; top:0; left:50%; margin-left:-35px; }
*/