/* BASIC css start */
/*preview*/
#preview{width:1200px; margin-bottom:34px; margin-top:200px}
#preview:after{ content:""; display:block; clear:both}
#preview .loocbook_l{ margin-right:8px; float:left}
#preview .loocbook_r{ float:left;}
/* general style */ 
.preview { width: 360px; height:90px; position: absolute; top:0; left:-90px; z-index:100; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity:0; } 
.preview img { position: absolute; left:90px; top:0; width: 90px; } 
.preview .alt { position: absolute; left:180px; top:0; background: #fff; width: 180px; height:90px; color:#000; text-indent:0; text-transform: uppercase; text-align:center; font-size:16px; line-height:90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } 
/* next button */ 
.flex-next .preview { right:-50px; left:auto; }
 .flex-next .preview img { position: absolute; left:180px; top:0; width: 90px; } 
 .flex-next .preview .alt { left:0; }
  /* hover style */ 
  .flex-prev:hover .preview { left:0; opacity:1; } 
  .flex-next:hover .preview { right:0; opacity:1; }
/* override flexslider default style */
.flexsliders {
	border:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	overflow:hidden;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;	
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
	z-index:900;
}

.flex-control-paging li a {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border:2px solid #fff;	
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
	background-color: #fff ;
}

.flex-direction-nav {
	height:90px;
	width: 100%;
	position: absolute;
	top:50%;
	left:0;
	margin: -50px 0 0; 	
	z-index:10;
}

.flex-direction-nav li {
	overflow:visible;
}

.flex-direction-nav a  { 
	overflow:visible;
	width: 90px; 
	height: 90px; 
	margin: 0; 
	opacity: 1;  
	top:0;
	color: rgba(0,0,0,0.8); 
	text-indent:-9999em;
	text-shadow: none; 
	-webkit-transition:  all 0.3s ease-out; 
	-moz-transition:  all 0.3s ease-out; 
	transition:  all 0.3s ease-out; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;	
}

.flex-direction-nav .arrow {
	position: absolute;
	top:0;
	left:0;
	width: 90px; 
	height: 90px; 
	background: transparent url('/design/anyjang/newmaniaon/img/nav.png') no-repeat 5px -95px;	
	z-index:200;
}

.flex-direction-nav a.flex-next .arrow {
	background-position: -75px -95px ;
}

.flex-direction-nav .flex-prev { left:0px; }
.flex-direction-nav .flex-next { right:0px; text-align: left;}
.flexslider:hover .flex-prev { left:0; opacity:1}
.flexslider:hover .flex-next { right:0; opacity:1}
.flexslider:hover .flex-prev:hover .arrow { left:0; background-position:5px -95px; }
.flexslider:hover .flex-next:hover .arrow { right:0; background-position: -75px -95px ;opacity:1;  }

.flexslider:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover {
	opacity:1; 
}
.flexslider{ width: 800px; margin:0 auto; height:569px}
.flex-direction-nav a{ background-image:none}
.flexslider li{    width: 100%;
    float: left;
    margin-right: -100%;
    position: relative;
    opacity: 1;
    display: none;
    z-index: 2;}
.flexslider li:nth-child(1){display:block;}
.flex-direction-nav li{display:block;}
.flex-control-nav{display:none;}
/* BASIC css end */