/* kentslider */
#kentslider_json {display: none;}
#kentslider{
    width:auto; height:auto; border:1px solid #f0f0f0; display:block; position:relative; 
	background-position: top center; 
	background-repeat:no-repeat; 
	margin: 0px 10px;
	padding-top:60%;
    background-size: cover;	
	}
#kentslider_pics{margin:10px 10px 0 10px;}	
	
#kentslider #kentslider_image {position:absolute; top:0; left:0; right:0; bottom:0; background:transparent;
    border:none;	
    opacity:1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
	}
	
#kentslider #kentslider_image:hover {
	/*
	background:rgba(0,0,0,0.1);
	background:#fff;
    opacity:0.2;
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
    border:5px solid #000;
	*/
	}

#kentslider .kentslider_panel {height:auto; background:#000; position:absolute; bottom:30px; left:0px; right:0px; text-align:left; display:inline-table; vertical-align:middle;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    }
#kentslider a, #kentslider a:visited {
	text-align:center;
    display:inline;
	position:absolute; 
	bottom:0px; left:0px; right:0; top:0;
	margin:0; 
	background-color:rgba(0, 0, 30, 0.3);
	font-size:1.5em; font-weight:normal; padding:10px; color:#e3e3e3; text-decoration:none; 
	text-shadow: 1px 1px 1px #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:30% 5% 5% 5%;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}
#kentslider a:hover{background-color:rgba(23,33,55,0.1);}
	
#kentslider a b{font-size:1.6em; display:block; font-weight:normal;}
	
#kentslider span{
	position:absolute;
	display:inline;
	margin:0px; 
	top:0px; right:0px;
	background:rgba(0,0,0,0.6); 
	font-size:1em; font-weight:normal; padding:2px; color:#fff;}

#kentslider #kentslider_left, #kentslider #kentslider_rigth{
    position:absolute;
    bottom: 50%;
    background-image:url("/images/foto_slide_btn.png");
    background-repeat: no-repeat;
	background-color:inherit;
    width:26px;
    height:26px;
    cursor:pointer;
	border:none;
    }
#kentslider #kentslider_left {left:5px; background-position: 0px 0px;}
#kentslider #kentslider_rigth {right:5px; background-position: -30px 0px;}
#kentslider #kentslider_left:hover {background-position: 0px -30px;}
#kentslider #kentslider_rigth:hover {background-position: -30px -30px;}

.kentslider_pics{display:block; max-width:100%; overflow-x: auto; white-space: nowrap; margin: 0; margin-right: 10px;}
.kentslider_pics ul{display:block; text-align:left; list-style-type:none; margin:0; padding:0px;}
.kentslider_pics ul li{display:inline-block; width:25%; /*margin-right:2%; margin-top:2%;*/ vertical-align:top;
	border: 1px solid #fff;
	background-color: #f5f5f5;
	vertical-align:middle;
	/*
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	*/
	}
.kentslider_pics ul li:hover{background-color:#f0f0f0;}
.kentslider_pics ul li a,
.kentslider_pics ul li a:visited{text-decoration:none;
	color:#2b2b2b;
	max-height:150px;
	padding-top:50%;
	vertical-align:middle;
	line-height:0px;
	margin:0;
	
	background-repeat:no-repeat;
	background-position: center 20%;
    background-size: cover;

	border: 0px solid transparent;
	-webkit-transition: background 250ms ease-in-out;
	-moz-transition: background 250ms ease-in-out;
	-o-transition: background 250ms ease-in-out;
	transition: background 250ms ease-in-out;
	display: block;
	cursor:pointer;
	}

.kentslider_pics ul li img {width:auto; height:auto; border:none; padding:0; margin:0;}

.kentslider_pics ul li b {display:block; font-size:13px;}
.kentslider_pics ul li span {display:block; color:#666; font-size:12px;}


/* mini slider */
.main_multi_slider {background:#f4f4f4; padding:10px 0; position:relative;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	}
.main_multi_slider .main_multi_slider_overflow{margin:0px 30px; max-height:195px; overflow:hidden;}
.main_multi_slider .multi_slider{
	width:auto;	
	padding:0px 0; 
	white-space: nowrap;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	zoom: 1;
	}


.main_multi_slider .btn_l, .main_multi_slider .btn_r {position:absolute; top:0px; bottom:0px;
	font-size: 5em;
	line-height: 150px;
	width: 25px;
	cursor: pointer;
	color: #ccc;
	}
.main_multi_slider .btn_l {left:0px; padding-left:5px; text-align:left;}
.main_multi_slider .btn_r {right:0px; padding-right:5px; text-align:right;}
.main_multi_slider .btn_l:hover,
.main_multi_slider .btn_r:hover{color:#aaa}

.main_multi_slider a,
.main_multi_slider a:visited{display:inline-block; padding:0; margin:0; border:5px solid #f4f4f4; position:relative;
	width: auto;
	height: auto;
	text-align: center;
	background-repeat:no-repeat;
	background-position:center center;
	
	-webkit-transition: border 250ms ease-in-out;
	-moz-transition: border 250ms ease-in-out;
	-o-transition: border 250ms ease-in-out;
	transition: border 250ms ease-in-out;
}
.main_multi_slider a:hover{border: 5px solid #F95353;}
.main_multi_slider a span{display:inline-block; height:auto; position:absolute; bottom:0px; left:0; right:0; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size:13px; padding:2px; line-height:120%; text-decoration:none; color:#fff; background:rgba(0,0,0,0.4); text-shadow:1px 0 1px #000;}