﻿@charset "utf-8";



.wf-main{

    position: relative;

    margin: 0 auto;

    width: 76.5%;

    overflow: hidden;

}

.wf-main .wf-cld{

    position: absolute;

    margin-bottom: 10px;

    padding:2px 2px;

    width: 214px;

    left: -9999px;

    top: -9999px;

    border: 1px solid #999;

    border-radius: 4px;

    background-color: #e5e5e5;

    overflow: hidden;

}

.wf-main .wf-cld a{

	display:block;

}



.wf-main .wf-cld img{

	max-width: 214px;

}

.wf-cld .inner{

    position: absolute;

    left: -9999px;

    top: -9999px;

    margin-bottom: 5px;

    width: 73px;

    overflow: hidden;

    border: 1px solid #f00;

    border-radius: 3px;

}

.wf-cld .title{

    margin: 0 0 5px;

    padding: 5px;

    width: 63px;

    color: #f00;

    font-size: 14px;

}



#wrapper{width: 1008px; margin: 15px auto;}

.brand-list{width: 1100px; overflow: hidden; margin-left: -10px;}

.brand-list .brand-bd{position: relative; margin-left: 10px; margin-top: 5px;}

.brand-list .item{position: absolute; width: 202px; background-color: #f8f8f8; border: 1px solid #f8f8f8; padding: 18px; top:0; left: 40%; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}

.brand-list .hover{box-shadow: 0px 1px 8px rgba(200,200,200,.6); background-color: #fff; border-color: #c8c8c8;}

.brand-list .additem{padding: 0; width: 240px; border: none; }

.brand-list .item h3{font-size: 42px; color: #666; font-family: arial; font-weight: bold; line-height: .8; margin-bottom: 20px;}

.brand-list .item p{margin-bottom: 15px;}



.a1{height:auto; width:100%; min-width:100%:  margin:0 auto; background: url(../images/bg3_03.png);  } 

.a2{ height:40px; background:#f2f3f4; text-align:center; line-height:40px; font-size:12px;}

.a3{ padding-top:20px; text-align:center; padding-bottom:20px; width:76%; margin:0 auto;}

.a4{ background:url(../images/ayy_03.png) no-repeat; width:652px; height:14px;}



#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 20%;

	width: 900px;

	

	

	z-index: 900000;

	text-align: center;

	line-height: 0;

	background:#fff;

	

	padding-top:10px;

	padding-bottom:10px;

	overflow:hidden;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	float:left;

	margin-left:50px;

	max-width:50%;

}

#lightbox-container-image { padding: 10px; max-width:50%;}

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 999990;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font-size:14px;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	

	width: 100%;

	padding: 0 10px 0;

	float:right;

	text-align:left;

	max-width:250px;

	margin-top:6%;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 100%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image{ max-width:100%; min-width:450px;  }

#lightbox-image-details-caption { font-weight: 100; font-size:14px; line-height:38px; text-align:left; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}

#lightbox-secNav{ position:absolute; right:0px; bottom:0px;}



#DB_gallery{width:580px;margin:40px auto 0 auto;}

#DB_gallery .DB_imgSet {position:relative;height:387px;overflow:hidden;}

#DB_gallery .DB_imgSet .DB_imgWin{height:100%}

#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}

#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}

#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}

#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}

#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}



#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:580px;overflow:hidden}

#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}

#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}

#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}

#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #ff0000;left:0;top:0}



.popbox{width:652px; position:absolute;top:0;left:0;display:none;z-index:120;}

.popbox h2{height:25px;font-size:14px;background-color:#3366cc;position:relative;padding-left:10px;line-height:25px;color:#fff;}

.popbox h2 a{position:absolute;right:5px;font-size:12px;color:#fff;}

.popbox a:hover{ color:#F00;}

.popbox .mainlist{padding:10px 0;  background: url(../images/atm_03.png);}

.popbox .mainlist li{height:24px;line-height:24px;}

.popbox .mainlist li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}

#screen{width:100%;height:100%;position:absolute;top:0;left:0;display:none;z-index:100;background-color:#666;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}



.ipro{max-width:1400px; min-width:auto; margin:auto;}

.book_cont_list{width:23%; float:left; margin:0 1%;}

.ipro .diyLump{width:100%; text-align:center; background:#fff; margin-bottom:10px; border:1px solid #ccc;}

.ipro .diyLump div{width:100%;}

.ipro .diyLump img{max-width:100%; margin:5px 0;}

.ipro .diyLump p{margin:0; height:32px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.ipro .diyLump p a{color:#333;}



.divcss5_list_title{background:#eeeeee; border:1px solid #cccccc; padding:1em;}

.divcss5_list_content{padding:1em;}

#tinybox{position:absolute; display:none; padding:10px; background:#ffffff url(../images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000;}

#tinymask{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500;}

#tinycontent{background:#ffffff; font-size:1.1em;}

#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}

#n a{ padding:0 4px; color:#333}



