#imageFlow {
	position: relative;
	width: 100%;
	/*height: 60vh;*/
	padding-bottom: 25%;
	/*overflow: hidden;*/
	border:0px solid #FFFFFF;
}
#imageFlow2 {
	position: relative;
	width: 100%;
	/*height: auto;*/
	/*padding-bottom: 100%;*/
	/*overflow: hidden;*/
	border:0px solid #FFFFFF;
}
#imageFlow3 {
	position: relative;
	width: 100%;
	height:200px;
	border:0px solid #FFFFFF;
}

#imageFlow img,#imageFlow2 img,#imageFlow3 img {
	width: auto;
	/*height:auto;*/
	/*padding-bottom: 50%;*/
	
	border:1px solid #FFFFFF;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

#imageFlow .main_view,#imageFlow3 .main_view{
	display: block;
	position: absolute;
	width: 100%;
	/*height: 2em;*/
	z-index: 50;
	bottom:-35px;
	background: rgba(0, 0, 0, 0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	filter: alpha(opacity=0); 
	cursor: pointer;
	background: transparent;
	text-align: center;
}

#imageFlow3 .main_view{
	bottom:5px;
	right:5px;
}

#imageFlow2 .main_view{
	display: block;
	position: relative;
	width: 100%;
	/*height: 2em;*/
	z-index: 50;
	/*bottom:-5.5em;*/
	background: rgba(0, 0, 0, 0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	filter: alpha(opacity=0); 
	cursor: pointer;
	background: transparent;
	text-align: center;
	overflow: hidden;
}


#imageFlow .left_zone,#imageFlow2 .left_zone ,#imageFlow3 .left_zone{
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100px;
	height: 250px;
	background: #1f1f1f;
	opacity: 0.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	filter: alpha(opacity=90); 
}

 #imageFlow .right_zone,#imageFlow2 .right_zone,#imageFlow3 .right_zone{
	position: absolute;
	z-index: 50;
	top: 0;
	left: 900px;
	width: 100px;
	height: 300px;
	background: #1f1f1f;
	opacity: 0.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
	filter: alpha(opacity=90);
}

#imageFlow .scrollbar,#imageFlow2 .scrollbar ,#imageFlow3 .scrollbar{
	position: absolute;
	z-index: 50;
	bottom: 0;
	left:0;
	background: transparent;
	border-bottom: 0px solid #292929;
	width: 100%;
	height: 18px;
	cursor: pointer;
}

#imageFlow .scrollbar .currentScroll,#imageFlow2 .scrollbar .currentScroll, #imageFlow3 .scrollbar .currentScroll {
	position: absolute;
	left: 0;
	top: 0px;
	width: 30px;
	height: 18px;
	border-bottom: 0px solid #fc4e08;
	background: #1c1c1c;
	text-align: center;
	color: #fff;
	font-weight: bold;
	
}

#imageFlow .bank,#imageFlow3 .bank{
	width:100%;
	/*position: absolute;
	margin:1px;
	padding-bottom: 100%;*/
	overflow: hidden;
}
#imageFlow3 .bank{height:200px;padding:0;}
#imageFlow2 .bank{
	position: relative;
	width:100%;
	margin:1px;
	padding-bottom: 100%;
	overflow: hidden;
}

#imageFlow .imageList,#imageFlow2 .imageList,#imageFlow3 .imageList{
	list-style: none;
	width: 100%;
	margin-left: 0px;
}

#imageFlow .imageList li,#imageFlow2 .imageList li,#imageFlow3 .imageList li{
	display: inline;
}

#imageFlow .bank a,#imageFlow2 .bank a,#imageFlow3 .bank a {
	position: absolute;
	width: 100%;
	height: auto;
}
#imageFlow3 .bank a {
	position: absolute;
	width: 100%;

}
.scroll {
	background:#fff;
	display: inline-block;
	position: relative;
	width: 24px;
	height: 24px;
	color:#AAA;
	cursor: pointer;
	/*float:left;*/
	font-size:1.125rem;
	line-height:1.5rem;
	margin:0px 4px;
/*	margin-left: auto;
  margin-right: auto;*/
	padding:0em;
	text-align: center;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	transition: all 200ms;
}
.scroll2 {
	background:#fff;
	display: inline-block;
	/*float:left;*/
	position: relative;
    width: 64px;
	height: 64px;
	color:#AAA;
	cursor: pointer;
	/*font-size:1.2em;*/
	font-weight: bold;
	margin:5px;
	padding:0px;
	text-align: center;
	/*border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;*/
	transition: all 200ms;
}
.scroll3 {
	background:#fff;
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	color:#AAA;
	cursor: pointer;

	font-size:0.75rem;
	line-height:1rem;
	margin:0px 5px 5px 5px;
	padding:0em;
	text-align: center;
	transition: all 200ms;
}
.target-on{
	background:#0F3C73;
	border:1px solid #0F3C73;
	color:#FFF;
	-webkit-filter: grayscale(0%); 
	-moz-filter: grayscale(0%); 
	-ms-filter: grayscale(0%); 
	-o-filter: grayscale(0%); 
	filter: grayscale(0%);
	/*-moz-box-shadow: 0px 0px 2px 2px rgba(255, 235, 200, 0.5); 
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 235, 200, 0.5); 
	box-shadow: 0px 0px 2px 2px rgba(255, 235, 200, 0.5);  */
}
.target-off{
	background:#EEEEEE;
	border:1px solid #555555;
	color:#555555;
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%);
	/*-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); 
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); */
}
.target-on2{
	background:#D30;
	/*border:1px solid #D30;*/
	color:#FFF;
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%);
	/*-moz-box-shadow: 0px 0px 2px 2px rgba(255, 235, 200, 0.5); 
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 235, 200, 0.5); 
	box-shadow: 0px 0px 2px 2px rgba(255, 235, 200, 0.5);  */
}
.target-off2{
	background:#555;
	/*border:1px solid #555;*/
	color:#FFF;
	-webkit-filter: grayscale(0%); 
	-moz-filter: grayscale(0%); 
	-ms-filter: grayscale(0%); 
	-o-filter: grayscale(0%); 
	filter: grayscale(0%);
	/*-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); 
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); */
}