@charset "gb2312";
/* CSS Document */
*{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html,body{
	height:100%;
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
  outline:0;
  font-size:100%;
  background:transparent;
}
ol,ul,li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style:none;
}
body{
	margin:0;
	padding:0;
	font:12px/1.75 Helvetica,Tahoma,Verdana,"微软雅黑","Microsoft YaHei";
	background: white;
}
.center{
	margin:auto;
	text-align:center;
}
.ellipsis{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.wrap{
	word-wrap:break-word;overflow:hidden;
}
.clear{
	clear:both;
	content:'';
}
.clear:after{
	clear:both;
	content:'';
}
.inline{
	display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 0.5em;
  margin:2px;
  padding:0;
}
h1 {
  font-size: 2.5714285714285716em;
  line-height: 1em;
}
h2 {
  font-size: 2.142857142857143em;
  line-height: 1.1em;
}
h3 {
  font-size: 1.7142857142857142em;
  line-height: 1.3em;
}
h4 {
  font-size: 1.2857142857142858em;
  line-height: 1.3em;
}
h5 {
  font-size: 1.1428571428571428em;
  line-height: 1.3em;
}
h6 {
  font-size: 1em;
  line-height: 1.3em;
  text-transform: uppercase;
}
.subheader {
  font-size: 1.2em;
  font-weight: normal;
  vertical-align:middle;
  color: #8f8f8f;
}
.fontsize1 {
	font-size: 2.5714285714285716em;
  	line-height: 1em;
}
.fontsize2 {
	font-size: 2.142857142857143em;
  	line-height: 1.1em;
}
.fontsize3 {
	font-size: 1.7142857142857142em;
  	line-height: 1.3em;
}
.fontsize4 {
	font-size: 1.2857142857142858em;
  	line-height: 1.3em;
}
.fontsize5 {
	font-size: 1.1428571428571428em;
  	line-height: 1.3em;
}
.fontsize6 {
	font-size: 1em;
  	line-height: 1.3em;
  	text-transform: uppercase;
}
.fontsize7 {
	font-size: 0.85em;
  	line-height: 1em;
  	text-transform: uppercase;
}
.detail-plus{
	position:relative;
}
.detail-plus:after{
	clear:both;
	content:'';
	position:absolute;
	width:10px;
	top:0;
	bottom:0;
	right:3px;
	background:url(detail.png) center center no-repeat;
}
.table{
	display:table;
	width:100%;
}
.table-row{
	display:table-row;
}
.table-cell{
	display:table-cell;
}
/*Forms 的样式*/

.forms {
  width: 98%;
}

.forms input[type="text"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
  border: 1px solid #cccccc;
  background: white;
  padding: 5px 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 98%;
  margin-bottom: 10px;
}
.forms select {
  width: 100%;
}
.forms input:focus,
textarea:focus,
select:focus {
  color: #454743;
  -webkit-box-shadow: 0 0 5px 1px #cccccc;
  box-shadow: 0 0 5px 1px #cccccc;
}

input::-webkit-input-placeholder {
  color: #999999;
}
input:-moz-placeholder {
  color: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
:-moz-placeholder {
  color: #999999;
}
.forms placeholder {
  font-size: 0.835em;
}
.forms label {
  font-weight: bold;
  font-size: 0.835em;
  color: #797272;
}
.forms fieldset {
  padding: 9px 9px 2px 9px;
  border: solid 1px #dddddd;
  margin: 18px 0;
}
.forms legend {
  font-size: 0.835em;
  color: #797272;
  font-family: inherit;
}
.forms input[type=radio],
input[type=checkbox] {
  display: inline;
  width: auto;
  margin-bottom: 0;
  height: 15px;
  width: 15px;
}
/*
 * 按钮样式
 */
.btn {
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 16px;
  border-radius: 4px;
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1);
  background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
  background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1);
  background-image: -o-linear-gradient(top, #ffffff, #e1e1e1);
  background-image: linear-gradient(top, #ffffff, #e1e1e1);
  border: 1px solid #dadada;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-bottom-color: #a9a9a9;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px 0 rgba(255, 255, 255, 0.6);
  text-shadow: 0 1px 0px #ffffff;
}
.btn:active {
  color: #000;
  filter: none;
  background: none;
  background: #eee;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
/* 小 */
.btn-small {
  padding: 4px 12px;
  font-size: 11px;
}
.btn-small.btn-active {
  padding: 5px 12px;
}
/* 大 */
.btn-big {
  padding: 10px 24px;
  font-size: 20px;
}
/* 方 */
.btn-square {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* 圆 */
.btn-round {
  border-radius: 15px;
  border-radius: 0 \0;
  /* ie9 hack */
}

/* Disabled  */
.btn.disabled,
.btn[disabled] {
  border: none;
  filter: none;
  background: none;
  background-color: #e9e9e9;
  opacity: 0.6;
  cursor: default;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
}

a {text-decoration: none;color:black}

/*遮罩*/
.loadmask{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:999;
	-webkit-opacity:0.7;
	background-color:white;
	background-image:url(ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
}

/*弹出层样式*/
.dialog{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	z-index:0;
	display:none;
}
.dialog_content{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:white;
	-webkit-box-shadow:0px 0px 5px #696969;
	border:1px solid rgba(204,204,204,1);
	background:url(global_bg.png) 0 0 repeat;
	padding:0 5px 7px 5px;
}
.dialog_head{
	height:50px;
	text-align:center;
}
.dialog_close{
	position:absolute;
	display:inline-block;
	height:40px;
	width:40px;
	left:0;
	margin:5px 5px 5px 15px;
	background: url(arrow_alt_left.png) 0 center no-repeat;
	opacity:0.4;
}
.dialog_title{
	height:40px;
	display:inline-block;
	text-align:center;
	line-height:40px;
	margin:5px 0;
	font-size:24px;
	font-weight:800;
	opacity:0.4;
}
.dialog_btns{
	position:absolute;
	display:inline-block;
	height:40px;
	right:0;
	margin:5px 15px 5px 0px;
}
.dialog_mask{
	position:absolute;
	-webkit-opacity:0.7;
	background-color:white;
	background-image:url(ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;
}
.dialog_share{
	display:inline-block;
	height:40px;
	width:40px;
	margin:0 0 0 15px;
	background:url(share_2_icon.png) 10px center no-repeat;
	opacity:0.3;
}
.dialog_font_down{
	display:inline-block;
	height:40px;
	width:40px;
	margin:0 0 0 15px;
	background:url(font_down.png) 10px center no-repeat;
}
.dialog_font_up{
	display:inline-block;
	height:40px;
	width:40px;
	margin:0 0 0 15px;
	background:url(font_up.png) 10px center no-repeat;
}
.dialog_iframe{
	width:100%;
	border-radius:0 0 7px 7px;
}
.overflow-scrolling{
	overflow:scroll;
	*-webkit-overflow-scrolling:touch;
	-webkit-transform: translate3d(0,0,0);
}
.overflow-scrolling > * {
    -webkit-transform: translateZ(0px);
}
.float_gallery{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#1C1C1D;
	z-index:200;
	text-align:center;
}
.gallery_title{
	line-height:45px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:45px;
	color:white;
	font-size:25px;
	margin-top:0;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#8D8D8D), color-stop(0.5,#3F3F3F),color-stop(0.5,#2C2C2C), to(rgba(0,0,0,1)));
	border-bottom:1px solid #2D2D2D;
	z-index:999;
}
.gallery_close{
	margin:9px;
	position:absolute;
	line-height:25px;
	height:25px;
	width:50px;
	color:white;
	z-index:300;
	border:1.5px solid #383838;
	-webkit-border-radius:5px;
	font-size:14px;
	box-shadow:0px 0px 2px #494949 inset;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#8D8D8D), color-stop(0.5,#3F3F3F),color-stop(0.5,#2C2C2C), to(rgba(0,0,0,1)));
}
.gallery_abs{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:80px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.7)), color-stop(0.01, rgba(145,145,145,0.3)),color-stop(0.5, rgba(53,53,53,0.2)), to(rgba(0,0,0,1)));
	text-align:center;
	line-height:80px;
	font-size:26px;
	color:white;
	z-index:999;
}
.gallery_count{
	display:block;
	height:80px;
	width:100px;
	position:absolute;
	right:0;
	top:0;
	font-size:40px;
}
.float_gallery img{
	max-height:768px;
	max-width:768px;
	vertical-align:middle;
}
.small_float_gallery{
	position:relative;
	top:0;
	left:0;
	right:0;
	background-color:#1C1C1D;
	z-index:200;
	text-align:center;
	overflow:hidden;
}
.small_gallery_header{
	position:absolute;
	box-shadow: 0 2px #171718;
	background: -webkit-gradient(linear,0 0,0 100%,from(#3B3B3B),to(#232323));
	text-align:center;
	height:40px;
	left:0;
	right:0;
	top:0;
	line-height:40px;
	font-size: 16px;
	color:white;
	z-index:400;
}
.small_gallery_close{
	width:20%;
	display:inline-block;
	text-align:center;
	border-right: 1px solid #3F3F3F;
	position:relative;
}
.small_gallery_close:after{
	content: "";
	background-color: #353535;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
}
.small_gallery_count{
	width:57%;
	display:inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.small_gallery_yuantu{
	width:20%;
	display:inline-block;
	border-left: 1px solid #3F3F3F;
	position:relative;
}
.small_gallery_yuantu:after{
	content: "";
	background-color: #353535;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
}
.small_gallery_abs{
	position:absolute;
	color:white;
	bottom:3px;
	left:0;
	right:0;
	height:50px;
	line-height:50px;
	text-align:left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	padding-left:15px;
	background: -webkit-gradient(linear,0 0,0 100%,from(#272727),to(#121212));
}
.small_float_gallery img{
	max-height:320px;
	max-width:320px;
	vertical-align:middle;
}
.small_gallery_progressbar{
	width:100%;
	position:absolute;
	bottom:0px;
	height:3px;
	left:0;
	width:0%;
	background-color:rgba(36,140,225,1);
}
.paging-morebtn{
	position:relative;
	margin: 6px auto 12px;
	height: 34px;
	width: 92%;
	border: 1px solid #B9B9B9;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	color:black;
	-webkit-transition-property:background,color;
	-webkit-transition-duration:0.3s;
	background: -webkit-gradient(linear,0 0,0 100%,from(whiteSmoke),to(#E3E3E3));
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.paging-morebtn:active{
	background: -webkit-gradient(linear,0 0,0 100%,from(#06F),to(#09F));
	color:rgba(255,255,255,1);
	-webkit-border-radius: 3px;
}
.paging-loading{
	position:absolute;
	display: block;
	top:0;
	bottom:0;
	left:15px;
	width:35px;
	background:url(ajax-loader-small.gif) 0 50% no-repeat;
}
.slider-page-animation{
	-webkit-animation:slider 500ms ease-out;
	-webkit-animation-fill-mode:forwards;
}

@-webkit-keyframes slider{
	0%{
		-webkit-transform:scaleX(1);
	}
	60%{
		-webkit-transform:scale(0.9);
	}
	100%{
		-webkit-transform:translateX(100%);
	}
}