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

.square #cat_link_g,.square #cat_link_o{
width: auto;
overflow:hidden;
padding:0px 05px;
height: 40px;
display: block;
position: absolute;
top: 3%;
left: 3%;
z-index:30;
text-align:center;
display: none;
 }
.rect #cat_link_g,.rect #cat_link_o{
width: auto;
overflow:hidden;
padding:0px 5px;
height: 40px;
display: block;
position: absolute;
top: 3%;
left: 1.5%;
z-index:30;
text-align:center;
display: none;
	}
.rect a, .square a{ color:#fff; font-size:12px; line-height:40px; text-align:center; text-transform:uppercase; }
#cat_link_g{background:rgba(103, 103, 103, 0.5);}
#cat_link_o{background: rgba(283, 112, 33, 0.5);}

#cat_link_g:hover{background:rgba(103, 103, 103, 0.6);}
#cat_link_o:hover{background: rgba(283, 112, 33, 0.6);}

.pager{ margin:20px auto; }
.slideshow-container {
    overflow: hidden !important;
    width: 100%;
    height: 482px;
	max-width:2320px;
	margin:0px auto !important;
}
.cycle-slide-active .overlay_2{
	display:none;
	}
.cycle-slide-active .square #cat_link_g,.cycle-slide-active .square #cat_link_o,.cycle-slide-active .rect #cat_link_g,.cycle-slide-active .rect #cat_link_o{ display: block !important;}

.slideshow {
    overflow: visible !important;
    max-width: 1160px;
    margin:0 auto;
}
.overlay_2{
	width:1158px;
	margin:5px auto;
	margin-left:3px;
	height:478px;
	background: rgba(255,255,255,0.6);
	position:absolute;
	z-index:1;
	}
#inner_s{
    height:545px;
    overflow: hidden;
}
.square{
    height:241px;
    width: 25%;
    float: left;
	overflow:hidden;
	cursor:pointer;
	position:relative;
	}
.cycle-slide-active .square:hover #overlay_2_o,.cycle-slide-active .square:hover #overlay_2_g { height:236px; }

#overlay_2_o{
	background: rgba(283, 112, 33, 0.87);
	}
#overlay_2_g{
	background:rgba(103, 103, 103, 0.87);
	}
.square #overlay_2_o, .square #overlay_2_g{
	position: absolute;
width: 100%;
z-index: 10;
height: 0px;
left: 2%;
bottom:0%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align: center;
overflow: hidden;
white-space:normal;
	}
.square #overlay_2_o span,.square #overlay_2_g span{
	width:50px;
	height:50px;
	float:left;
	margin-top:90px;
	margin-left:15px;
	display:block;
	}
.square #overlay_2_o span img,.square #overlay_2_g span img{
	width:35px;
	height:35px;
	}
.square #overlay_2_o p,.square #overlay_2_g p{
	float:right;
	width:200px;
	text-align:left;
	margin-right:15px;
	margin-top:98px;
	font-size:11px;
	color:#fff;
	line-height:15px;
	font-family:helvetica !important;
	}
	

.rect #overlay_2_o span,.rect #overlay_2_g span{
	width:50px;
	height:50px;
	float:left;
	margin-top:90px;
	margin-left:60px;
	display:block;
	}
.rect #overlay_2_o span img,.rect #overlay_2_g span img{
	width:35px;
	height:35px;
	}
.rect #overlay_2_o p,.rect #overlay_2_g p{
	float:right;
	width:400px;
	text-align:left;
	line-height:15px;
	margin-right:60px;
	margin-top:98px;
	font-size:11px;
	color:#fff;
	font-family:helvetica !important;
	}
.square img{
	padding: 5px;
	width: 98%;
	margin: 0px auto;
	height:235px;
}

.rect{
    height: 241px;
    width: 50%;
    float: left;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}
.cycle-slide-active .rect:hover #overlay_2_o,.cycle-slide-active .rect:hover #overlay_2_g{ height:236px; }
.rect #overlay_2_o, .rect #overlay_2_g{
	position: absolute;
width: 100%;
z-index: 10;
height: 0px;
left: 1%;
bottom:0%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align: center;
overflow: hidden;
white-space:normal;
	}
.rect img{
	padding: 5px;
	width: 99%;
	margin: 0px auto;
	height:235px;
}

.pager span{
	width:33.3%;
	float:left;
	display:block;
	height:7px;
	background:#E8E6E7;
	font-size:1px;
	margin-top:15px;
	transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	cursor:pointer;
}
.cycle-pager-active
{
	background:#EC6B29 !important;
}

.pager span:hover{
	background:#868686;
}

.cycle-pager-active:hover{
	background:#EC6B29 !important;
}


@media (min-width: 992px) and (max-width: 1199px) {
.slideshow-container{
margin-left:-3px !important;
height:445px;
}
#inner_s {
height: 440px;
}
.overlay_2{ 
display:none; 
}
.square, .rect{
	height:220px;
}
.cycle-slide-active .rect:hover #overlay_2_o, .cycle-slide-active .rect:hover #overlay_2_g{
	height:216px;
	}
.cycle-slide-active .square:hover #overlay_2_o, .cycle-slide-active .square:hover #overlay_2_g{
	height:216px;
	}
.pager {
margin: 3px auto;
}
header {
height: 655px;
background-position: 0 625px;
}
.rect a, .square a{
	font-size:10px;
	}
	}
@media (min-width: 768px) and (max-width: 991px) {
	.slideshow-container{
margin-left:-3px !important;
height:385px;
}
#inner_s {
height: 380px;
}
.overlay_2{ 
display:none; 
}
.square, .rect{
	height:180px;
}
.cycle-slide-active .rect:hover #overlay_2_o, .cycle-slide-active .rect:hover #overlay_2_g{
	height:176px;
	}
.cycle-slide-active .square:hover #overlay_2_o, .cycle-slide-active .square:hover #overlay_2_g{
	height:176px;
	}
.pager {
margin: -15px auto;
}
header {
height: 545px;
background-position: 0 484px;
}
.rect a, .square a{
	font-size:9px;
	}
	}