/*!
 * personal css;
 * versions 1.0  2015-1-1
 * author :wwl
 */
 
 /*   Dictionary
--------------------------------------
1. Reset and gloable layout
2. Header
3. Content pages
4. SideBar
5. Footer
----------------------------------------*/

 /* 1.1 Reset
 ----------Reset(初始化)------------------------------------*/
 

 /**清除内外边距**/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural 

elements结构元素*/
dl, dt, dd, ul, ol, li, /* list elements列表元素*/
pre, /* text formatting elements文本格式元素*/
form, fieldset, legend, button, input,textarea, /* form elements表单元素*/
th, 
td, /* table elements表格元素*/
img/* img elements图片元素*/
{
	border:none;
	margin: 0;
	padding: 0;
}
/**div块级元素**/
div{
	margin: 0;
	padding: 0;
}
/**设置默认字体**/
body,button, input, select, 
textarea {
	font-family:'微软雅黑',Microsoft YaHei,\5FAE\8F6F\96C5\9ED1;
	font-size:14px;
 }
button:focus, 
input:focus,
select:focus,
textarea:focus {
	outline:none
}
/*标题文字重设*/
.h1, h1 {
	font-size: 36px;
}
.h2, h2 {
font-size: 30px;
}
.h3, h3 {
font-size: 24px;
}
.h4, h4 {
font-size: 18px;
}
.h5, h5 {
font-size: 14px;
}
.h6, h6 {
font-size: 12px;
}

/*将字体扶正*/
i,em{
	font-style:normal;
}

/**重置列表元素**/
ul, ol {
	list-style: none;
}
/**重置超链接元素**/
a {
	text-decoration: none;
	color:#000;
}
a:hover {
	text-decoration: none;
	color:#000;
}
/**重置图片元素**/
img,
a img{
	border:none;
}
/**重置表格元素**/
table{
	border-collapse: collapse;
	border-spacing: 0;
}


pre{
	padding: 2px 4px;
	color: #d14;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	border-radius:3px
}

/* 1.2 gloable layout
----------------------布局-----------------*/
.container-fluid {
	width:100%;
	min-width:1200px;
}
.row {
	overflow:hidden
}
.container{
	width:1200px;
	min-width:1200px;
	margin:0 auto;
	position:relative;
}
.container-fluid:after, .row:after,.container:after{
	clear:both;
	display: table;
}
.col-xs-1, 
.col-xs-2, 
.col-xs-3, 
.col-xs-4, 
.col-xs-5, 
.col-xs-6, 
.col-xs-7, 
.col-xs-8, 
.col-xs-9, 
.col-xs-10, 
.col-xs-11, 
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  

width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.pull-left{
	float:left !important;
}
.pull-right{
	float:right !important;
}

/*颜色*/
.bg-color-red{
	color: #fff;
	background-color: #da4f49;
}
.bg-color-yellow{
	color: #fff;
	background-color: #faa732;
}
.bg-color-green{
	color: #fff;
	background-color: #5bb75b;
}
.bg-color-blue{
	color: #fff;
	background-color: #006dcc;
}



.font-color-red{
	color: #da4f49;
}
.font-color-yellow{
	color: #faa732;
}
.font-color-green{
color: #5bb75b;
}
.font-color-blue{
	color: #006dcc;
}

/*
---偏移--------*/

.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  

margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 

8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
/*轮播*/
.carousel-wrap{
	position:relative;
}
.carousel-wrap .hd{
	height:15px;
	overflow:hidden;
	position:absolute;
	right:5px;
	bottom:5px;
	z-index:1;
}
.carousel-wrap .hd ul{ overflow:hidden; zoom:1; float:left;  }
.carousel-wrap .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.carousel-wrap .hd ul li.on{ background:#f00; color:#fff; }
.carousel-list{
	overflow:hidden;
}
.carousel-list li{
	float:left;
	position:relative;
}
.carousel-ctrl{
	position:absolute;
	display:block;
	height:100%;
	width:30px;
	line-height:100%;
	text-align:center;
	font-size:4em;
	top: 0;
}
.carousel-ctrl.left{
	left:0px;
}
.carousel-ctrl.right{
	right:0px;
}


.zty_mb30{
	margin-bottom:30px;
}




/* ad */

.ad-gallery {
	width: 566px;
}
.ad-gallery, .ad-gallery * {
	margin: 0;
	padding: 0;
}
.ad-gallery .ad-image-wrapper {
    width: 530px;
    margin: 0 auto;
    height: 374px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
	border: 1px solid #CCC;
	width:580px !important;
}
.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
	/* Or else IE will hide it */
	background: url(../images/ad_bigl_arrow.png)\9
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(../images/ad_bigl_arrow.png);
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 47%;
	left:0px;
	z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(../images/ad_bigr_arrow.png);
	width: 30px;
	height: 30px;
	right:0px;
	left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
	border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	height: 60px;
	line-height:60px;
	padding:10px 0;
	z-index: 2;
	background: rgba(0,0,0,0.6);
	font-size: 20px;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/review/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: none;
	height: 60px;
	line-height: 60px;
	color: #FFDD57;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description span {
    display: inline-block;
    color: #FFF;
    vertical-align: middle;
    line-height: 20px;
    padding: 0 20px;
    max-height: 60px;
    overflow: hidden;
}
.ad-gallery .ad-controls {
	height: 20px;
}
.ad-gallery .ad-info {
	float: left;
}
.ad-gallery .ad-slideshow-controls {
	float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px;
	cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;
	font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic;
}
.ad-gallery .ad-nav {
	width: 100%;
	position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
	height: 100px;
}
.ad-gallery .ad-back {
	cursor: pointer;
	left:0px;
	width: 13px;
	display: block;
	background: url(../images/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right:0px;
	width: 13px;
	background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden;
	width: 536px;
	margin: 0 auto;
	height:77px;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 9000px;
	list-style: none;
}
.ad-gallery .ad-thumbs li {
	float: left;
	padding-right:5px;
}
.ad-gallery .ad-thumbs li a {
	display: block;
}
.ad-gallery .ad-thumbs li a img {
	display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}