/**************************
*
*	GENERAL
*
**************************/


.slider_wrapper {
	position: relative;
}

.camera_target_content {
	overflow: visible !important;
}

.camera_wrap {
	display: none;
	position: relative;
	overflow: visible !important;
	z-index: 0;
	margin-bottom: 0 !important;
}

.camera_wrap img {
	max-width: 10000px;
}

.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.camera_src {
	display: none;
}

.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}

.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}

.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}

.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.camera_target_content .camera_link {
    background: url(../images/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}

.camera_loader {
    background: #fff url(../images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}

.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}

.camerarelative {
	overflow: hidden;
	position: relative;
}

.camera_commands > .camera_stop {
	display: none;	
}

.slide_wrapper .camera_prev{
	background: url(../images/prevnext_bg.png) 0 0 repeat;
	width: 70px;	
	top: 0 !important;
	height: auto !important;
	bottom: 0;
	left: -80px;
	display: block;
	position: absolute;
	opacity: 1 !important;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	
}

.slide_wrapper .camera_prev>span {
	background: url(../images/prev.png) center 0 no-repeat;
	top: 50%;		
	margin-top: -10px;
	position: absolute;
	display: block;
	height: 20px;
	left: 0;
	right: 0;
}

.slide_wrapper .camera_next>span {
	background: url(../images/next.png) center 0 no-repeat;
	top: 50%;
	margin-top: -10px;
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	height: 20px;
}

.slide_wrapper .camera_next {
	background: url(../images/prevnext_bg.png) 0 0 repeat;
	width: 70px;	
	top: 0  !important;
	bottom: 0;
	height: auto !important;
	right: -80px;
	display: block;
	position: absolute;
	opacity: 1 !important;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.camera_thumbs_cont {
	z-index: 999;
	position: relative;
}


.camera_thumbs_cont > div {
	float: left;
	width: 100%;

}
.camera_thumbs_cont ul {
	background: #232323 url(../images/index_016.jpg) 0 0 repeat-x;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin: 0 !important;
	margin-left: 0px !important;
	left: 0% !important;
	text-align: center;
	padding: 27px 0 11px;
}
.camera_thumbs_cont ul li {
	display: inline-block;
}

.camera_thumbs_cont ul li  {
	margin: 0 10px 12px;
}

.camera_thumbs_cont ul li > img {
	cursor: pointer;
	vertical-align:bottom;
	width: 100%;
	height: 101px;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.camera_thumbs_cont ul li:first-child { display: none; }

.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}

.camera_prev, .camera_next {
	display: block;
	position: absolute;
	width: 40px;
	background-color: #ed5153;
	height: 79px;
	cursor: pointer;
	top: 43%;
	z-index: 999;
	background: url(../images/slider_arrows.png) 0 bottom no-repeat;
	opacity: .6;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

.camera_next {
	right: 0;
	background-position: right bottom;
}

.camera_prev:hover, .camera_next:hover {
	opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

/* =====================Responsive=====================*/

@media only screen and (max-width: 995px) {
	
	.camera_thumbs_cont ul li > img {
		width: 100%!important;
		/*height: 83px;*/
	}	
	.camera_prev, .camera_next { top: 40%; }
}

@media only screen and (max-width: 769px) {
	
	.camera_prev, .camera_next { top: 36%; }

	.camera_thumbs_cont ul {
		padding: 16px 0 6px;
	}
	.camera_thumbs_cont ul li {
		display: inline-block;
    }
    .camera_thumbs_cont ul li > img {
    	/*height: 35%;*/
    }
    .grid_4, .grid_8, .grid_6 { 
		padding-top: 10px;
    }
}

@media only screen and (max-width: 480px) {
	
	.camera_thumbs { display: none; }
	.camera_prev, .camera_next { top: 33%; }
}

@media only screen and (max-width: 320px) {
	
	.camera_thumbs { display: none; }
	.camera_prev, .camera_next { top: 33%; }
}