/*!
 *
 * Web: http://www.pxgird.com/
 *
 * Designed by Pixel grid studio 
 */
 
/*-------------------------------------------------*/
/* =  General
/*-------------------------------------------------*/
body{
	font-size: 12px;	
	font-family: Tahoma, Geneva, sans-serif;
	line-height:24px;
	color:#909090;
	position: relative;
	font-weight:normal;	
	background-color: #ffffff;
}
a{
	color: #333333;
}
a:hover{
	text-decoration: none;	
	color: #f78119;
}
h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:14px;}

h1, h2, h3, h4, h5, h6 {
	line-height: 30px;
	padding: 5px 0 15px 0;	
	margin: 0;	
	color: #333333;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;

}
ol,ul {list-style: none;margin: 0px;padding: 0px}
p  { 
	line-height: 20px;
	color: #666666;
}
@font-face {
    font-family: 'zzgf';
    src: url('fonts/zzgf.otf');
    font-weight: normal;
    font-style: normal;
}
/*-------------------------------------------------*/
/* =  scroll start
/*-------------------------------------------------*/
::-moz-selection{background:#f78119;color:#fff;}
::selection {background:#f78119;color:#fff;}
code::-moz-selection {background:#cc0000;color:#fff;}
code::selection {background:#f78119;color:#fff;}
::-webkit-scrollbar-track-piece {background-color:#f5f5f5;border-left:1px solid #d2d2d2}
::-webkit-scrollbar {width:10px;height:13px}
::-webkit-scrollbar-thumb {background-color:#c2c2c2;background-clip:padding-box;border:1px solid #979797;min-height:28px}
::-webkit-scrollbar-thumb:hover {border:1px solid #636363;background-color:#929292}
/*-------------------------------------------------*/
/* =  scroll end
/*-------------------------------------------------*/

.divspace {
	margin-bottom: 20px;
} 

		/* Span add */

.span600px {
	width: 600px;
}
.span280px {
	width: 280px;
}
.span260px {
	width: 260px;
}
.span420{width:420px;}
.span460{width:460px; float:left;margin-left:20px;min-height:1px;}

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/

		/* logo */
	
.html5red-logo {
	position: relative;
	top: 0px;
	z-index: 100;
}

		/* Menu */ 
	
.menu-navbar {
	margin-left: 10px;
}

.menu-navbar .navbar .nav > li {
	line-height: 20px;

}

.menu-navbar .navbar .nav > li > a {
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	border-left: 1px solid #f0f0f0;
	padding: 22px 20px 18px 20px;
}

.menu-navbar .navbar .nav > li > a.brand {
	border-left: none;
	background-image: url('../../images/html5red/icon/home.png');
	background-position: 20px 25px;
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -999px;
	padding-right: 22px;
	
}

.menu-navbar .navbar .nav > li > a.brand:hover {
	background-image: url('../../images/html5red/icon/homehv.png');
}

.menu-navbar .navbar .nav > .active > a,
.menu-navbar .navbar .nav > .active > a:hover,
.menu-navbar .navbar .nav > .active > a:focus	 {
	background-color: #ffffff;
	box-shadow: none;
    color: #f78119;
	
}

.menu-navbar .navbar .nav > li > a:focus,
.menu-navbar .navbar .nav > li > a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
	
}

.menu-navbar .navbar .brand{
	padding: 25px 20px 10px 20px;
}

	/* Menu Dropdow */
	
.navbar .nav > li > .dropdown-menu:after {
	border: none;
}
.navbar .nav > li > .dropdown-menu:before {
	border: none;
}
.navbar .nav > li > .dropdown-menu {
	border-radius: 0;
	box-shadow: none;
	padding: 10px 20px 10px 20px;
	background: #000000;
	margin-top: 0px;
	border: none;
	margin-left: 1px;
	
}
.navbar .nav > li > .dropdown-menu li:last-child {
	border:none;
}
.dropdown-menu {
	border: none;
	
}
.dropdown-menu > li > a {
	color: #999999;
	font-size: 12px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	padding: 15px;
	border-bottom: 1px solid #151515;
}


.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > 
.dropdown-toggle {
	background-color: #000000;
	color: #ffffff;
}

.navbar .nav li.dropdown.active > .dropdown-toggle {
	background-color: #ffffff;
	color: #f78119;

}

.navbar .nav > li > a {
	text-shadow: none;
	

}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	background: #f78119;
}
/* Banner */

.pic-cat {
	text-align: center;
}

/*-------------------------------------------------*/
/* =  Flexslider
/*-------------------------------------------------*/

/* Slider Home */
.slider-home {
	width: 100%;
	margin: 0 auto;
}	

.slider-home .flexslider {
	margin: 0; 
	background: #fff; 
	border: none; 
	position: relative; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	-o-border-radius: 0px; 
	border-radius: 0px; 
	box-shadow: 0 1px 1px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); 
	-o-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	zoom: 1;
}

.slider-home .flex-control-nav {
	bottom: 15px;
}
.slider-home  .flex-control-paging li a {
	background: #fff; 
	background: rgba(255,255,255, 0.5); 
	border: none;
	box-shadow: none;
	
}

.slider-home  .flex-control-paging li a.flex-active {
	background-color: #ffffff;
	padding: 1px;
	border: none;
	box-shadow: none;
}
.slider-home .flex-caption {
	position: relative;
}
	
.slider-home .title {
	position: absolute;
	top: 200px;
	left: 0px;
	background-color:rgba(0, 0, 0, 0.15);
	background-image:url(../../images/html5red/bg-dark.png);
	text-shadow:0 1px 1px rgba(0,0,0,0.3);
	padding:5px;
}

.slider-home .title span {
	color: #FFFFFF;
    font-size: 36px;
    line-height: 50px;
	font-family: 'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 200;
}

	/* Direction Nav */
	
.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	width: 49px;
	height: 49px;
	margin: -20px 5% 0 5%; 
	display: block;
	background: url('../../images/html5red/icon/direction-nav_orange.png') no-repeat 0 0;
	position: absolute; top: 50%; z-index: 10; 
	cursor: pointer;
	text-indent: -9999px; 
	opacity: 0;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: 0px; 
}

.flex-direction-nav .flex-prev {
	left: 0px;
}

.flexslider:hover .flex-next {
	opacity: 0.8; 
	right: 5px;
}

.flexslider:hover .flex-prev {
	opacity: 0.8; 
	left: 5px;
}

.flexslider:hover .flex-next:hover {
	background: url('../../images/html5red/icon/direction-nav_orange.png') no-repeat 100% -54px;
}

.flexslider:hover .flex-prev:hover {
	background: url('../../images/html5red/icon/direction-nav_orange.png') no-repeat 0 -54px;
}

.flex-direction-nav .flex-disabled {
	opacity: .3!important; 
	filter:alpha(opacity=30);
	cursor: default;
}

	/* Slider property detail */

#pic-control .flex-direction-nav {
	*height: 0;
}

#pic-control .flex-direction-nav a {
	width: 29px;
	height: 55px;
	margin: -27px 0% 0 0%; 
	display: block;
	background: url('../../images/html5red/icon/pre-dt.jpg') no-repeat 0 0;
	position: absolute; top: 50%; z-index: 10; 
	cursor: pointer;
	text-indent: -9999px; 
	opacity: 0;
	-webkit-transition: all .3s ease;
}

#pic-control .flex-direction-nav .flex-next {
	background: url('../../images/html5red/icon/next-dt.jpg') no-repeat 0 0;
	background-position: 100% 0;
	right: 0%;
}

#pic-control .flex-direction-nav .flex-next:hover{
	background: url('../../images/html5red/icon/next-dt-hv_orange.png') no-repeat 0 0;
} 

#pic-control .flex-direction-nav .flex-prev:hover {
	background: url('../../images/html5red/icon/pre-dt-hv_orange.png') no-repeat 0 0;
}

#pic-control .flex-direction-nav .flex-prev {
	left: 0px;
}

#pic-control .flexslider:hover .flex-next {
	opacity: 0.8; 
	right: 0px;
}

#pic-control .flexslider:hover .flex-prev {
	opacity: 0.8; 
	left: 0px;
}
	
#pic-control .flexslider:hover .flex-next:hover {
	background: url('../../images/html5red/icon/direction-nav_orange.png') no-repeat 100% -54px;
	opacity: inherit;
}
#pic-control .flexslider:hover .flex-prev:hover {
	background: url('../../images/html5red/icon/direction-nav_orange.png') no-repeat 0 -54px;opacity: inherit;
}
	
#pic-control .flex-direction-nav .flex-disabled {
	opacity: .9!important; 
	filter:alpha(opacity=30);
	cursor:pointer;opacity: inherit;
}

#pic-detail.flexslider {
	background: none;
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
	margin-top: 20px;
}

#pic-control.flexslider {
	background: none;
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
	margin: 0 auto;
	padding: 0 40px 0 40px;
	position: relative
}
#pic-control.flexslider .flex-direction-nav a{
	opacity: inherit;
}
#pic-control.flexslider img {
	height: 55px;
}
#pic-control.flexslider img:hover {
	
}
#pic-control.flexslider .slides > li {
	margin-right: 18px;
	border:2px solid #eee;
	cursor:pointer;
}
#pic-control.flexslider .slides > li:hover{border:2px solid #f78119;}

/*-------------------------------------------------*/
/* =  公告 and 新闻
/*-------------------------------------------------*/
.notice {width: 960px;height:220px;}
.notice li{
	float:left;
	margin-left:20px;
	position:relative;
	overflow:hidden;
	height:100%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.notice li > .image{width:300px;}
.notice li > .image img{
	-webkit-transition: all 900ms ease-out;
	-moz-transition: all 900ms ease-out;
	-o-transition: all 900ms ease-out;
	-ms-transition: all 900ms ease-out;	
	transition: all 900ms ease-out;
}

.notice li > .image:hover img{
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
.promotions{
  cursor:pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 85px;
  height: 87px;
  background-image: url(../../images/html5red/icon/promotions.png);
  *background-image: url(../../images/html5red/icon/promotions.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  zoom: 1;
  z-index:666;}
  
.row_info{
	 color:white;
	 font:14px "Microsoft YaHei UI","Microsoft YaHei",serif;
	 height: 100%;
	 position:absolute;
	 background:#f78119;
}
.row_info .row-infotext {
	padding: 6px 15px 15px 15px;
}

.row_info{
	bottom:-75%;
	-webkit-transition: all .9s ease-out;
	-moz-transition: all .9s ease-out;
	-o-transition: all .9s ease-out;
	transition: all .9s ease-out;
	width:100%;
}

.notice li > .image:hover .row_info{
	bottom: -57%;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.row-infotext h3,noticelist .row-infotext h3{
	padding: 0 0 20px 0 !important;
	margin: 0;
	line-height:30px !important;
}
.notice-content {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
	padding-bottom: 40px;
}
.row-infotext h3 a {
	font-family:  'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 200;
	font-size: 18px;
	color: #ffffff;
}

.row-infotext h3 a:hover {
	color: #fff;
}
/*-------------------------------------------------*/
/* =  Content
/*-------------------------------------------------*/


		/* Content */

.properties  {
	background: #eeeeee;
	margin-bottom: 0px;
}


		/* Form Find */
.find {
	margin-top: 40px;
}

.find input ,
.find select{
	border-radius: 0px;
	color: #999999;
	border-color: #e5e5e5;
	font-size: 12px;
	padding: 6px 8px 8px 5px;
	height: 34px;
	width: 100%;
}

.find select:focus {
	border-color: #f78119;
}

.find input.keywordfind {
	height: 18px;
	color: #565656;
	width: 97%;
	box-shadow: none;
}

.find input.keywordfind:focus {
	border-color: #f78119;
}

.search {
	text-align: center;width: 100%;
	background: #333333;
	border: none;
	color: #ffffff;
	font-size: 12px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 0px;
	
}

.search:hover {
	color: #ffffff;
	background-color: #f78119;
}

/*-------------------------------------------------*/
/* =  Tabber
/*-------------------------------------------------*/

ul.tabbernav li a:link {
	color: #999999;
	font-size: 12px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
}

ul.tabbernav li.tabberactive a {
	background: #f78119;
	color: #ffffff;
	padding: 10px 15px;
	border: none;
}

ul.tabbernav li.tabberactive a:before {
	content: "";
	border-color: #f78119 transparent  #f78119 transparent ;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
	content: "";
	height: 0;
	position: absolute;
	left: 40%;
	top: 22px;
	width: 0;
}

ul.tabbernav li.tabberactive a:hover,ul.tabbernav li a:hover

{
	background: none;
	color: #333333;
	padding: 10px 15px;
	
}

.tabberlive .tabbertab {
	border: none;
	padding: 0px;
	margin-top: 40px;
}
ul.tabbernav li.tabberactive:hover a{
	background: #f78119;
	color: #ffffff;
	padding: 10px 15px;
}
ul.tabbernav {
	border: none;
}


ul.tabbernav li a  {
	font-size: 12px;
	text-transform: uppercase;
	border: none;
	background: none;
	padding: 10px 15px;
	
}


		/* Properties  */

.properties h3,
.ouragents h3,.noticelist h3 {
	font-size: 36px;
	font-family: 'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	padding: 40px 0px 40px 0px;
	line-height:42px;
	
}

ul.products li.first {
    
}

ul.products li.last {
    
}

ul.products li.first {
  clear: both;
	
}

ul.products > li {
	background: #fff;
	margin-bottom: 20px;
	overflow: hidden;
	
}

.product-item {
	position: relative;
}

.product-item span.price {
	background: #f78119;
	color: #ffffff;
	position: absolute;
	left: 0;
	right: auto;
	bottom:0;
	opacity:0.9;
	filter:alpha(opacity=90);
	padding: 10px 15px; 
	font-weight: 14px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 700;
}

.resource-item span.price {
	background: #f78119;
	color: #ffffff;
	position: absolute;
	left: auto;
	right: 0;
	bottom:0;
	opacity:0.9;
	filter:alpha(opacity=90);
	padding: 5px 10px; 
	font-weight: 14px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 700;
}

.resource-item span.price-free {
	background: #0CA32B;
	color: #ffffff;
	position: absolute;
	left: auto;
	right: 0;
	bottom:0;
	opacity:0.9;
	filter:alpha(opacity=90);
	padding: 5px 10px; 
	font-weight: 14px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 700;
}

.title-info {
	padding: 0px 20px;
}

.title-info li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}

.title-info li:last-child {
	border-bottom: none;
}

.title-info span {
	float: right;
}

.product-item h3 {
	padding: 0px 5px 0px 5px;
	height: 50px;
	overflow: hidden;
}
	
.product-item h3 a {
	color: #333333;
	font-family: 'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 200;
}

.product-item h3 a:hover {
	color: #f78119;
}

.video-item .playbutton {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 180px;
    background-image: url(/statics/images/html5red/icon/play.png);
    background-repeat: no-repeat;
    overflow: hidden;
    zoom: 1;
    z-index: 666;
}

.resource-item h3 {
	padding: 0px 20px 20px 20px;
	width: 160px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
}
	
.resource-item h3 a {
	color: #333333;
	font-family: 'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 200;
}

ul.products > li:hover {
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
	
}
	
.imagewrapper {
	height: 180px;
	position: relative;
	overflow: hidden;
}	
.imagewrapper img {
	-webkit-transition: all 900ms ease-out;
	-moz-transition: all 900ms ease-out;
	-o-transition: all 900ms ease-out;
	-ms-transition: all 900ms ease-out;	
	transition: all 900ms ease-out;
}

.imagewrapper:hover img {
	-webkit-transform:scale(1.1); /* Safari 和 Chrome */
	-moz-transform:scale(1.1); /* Firefox */
	-o-transform:scale(1.1); /* Opera */
	-ms-transform:scale(1.1); /* IE 9 */
	transform:scale(1.1);
}


.newpro,.hot,.spoffer,.grab,.starting,.clearance,.exclusive,.popularity,.recommend,.magicprice,.installment,.aftergrab{
  cursor:pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 52px;
  height: 40px;
  padding: 12px 0 0;
  background-image: url(../../images/html5red/icon/activity.png);
  *background-image: url(../../images/html5red/icon/activity.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  zoom: 1;
  z-index:666;}
.newpro{background-position:0 0px}
.hot{background-position:-52px 0px}
.spoffer{background-position:-105px 0px}
.grab{background-position:-158px 0px}
.starting{background-position:-211px 0px}
.clearance{background-position:-264px 0px}
.exclusive{background-position:1px -55px}
.popularity{background-position:-52px -54px}
.recommend{background-position:-105px -55px}
.magicprice{background-position:-158px -54px}
.installment{background-position:-211px -54px}
.aftergrab{background-position:-264px -54px}
/*-------------------------------------------------*/
/* =  Filterable
/*-------------------------------------------------*/

.filter-pro {
	margin-bottom: 40px;
}

.filter-pro ul li {
	float: left;
	position: relative;
}

.filter-pro ul li a {
	padding: 8px 20px;
	display: inline-block;
	font-size: 12px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	color: #999999;
	text-decoration: none;
}
.filter-pro ul li a:hover{
	color: #333333
}

.filter-pro ul li a.current:before {
	content: "";
	border-color: #333333 transparent  #333333 transparent ;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
	content: "";
	height: 0;
	position: absolute;
	top: 33px;
	width: 0;
	left: 40%;
}

.filter-pro ul li a.current {
	background: #333333;
	color: #ffffff;
}

		/* Our Agent*/
.our-content {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
	padding-bottom: 40px;
}

.our-content .our-border {
	border: 1px solid #eeeeee;
	padding: 20px;
	position:relative;
}

.our-content .our-border:hover {
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
}
	
.ouragents .our-img {
	position:relative;
	float: left;
	width: 180px;
	height: 180px;
	overflow: hidden;
	margin-right: 20px;
	
}

.our-info h5 {
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 0 2px 0;
	margin: 0;

}
.gold, .general{
  cursor:pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 85px;
  height: 27px;
  background-image: url(../../images/html5red/icon/level.png);
  background-repeat: no-repeat;
  overflow: hidden;
  zoom: 1;
  z-index:666;}
.gold{background-position:0 0px}
.general{background-position:-85px 0px}
.our-info span {
	color: #666666;
}

.our-info a {
	color: #f78119
}

.widget-page h3 {
	font-size: 24px;
	font-family: 'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.widget-page a.moreinfo {
	background: #333333;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 15px;
	margin-top: 25px;
	display: inline-block;
}

.widget-page a.moreinfo:hover {
	color: #ffffff;
	background-color: #f78119;
}

.widget-page ul li img{
	float: left;
	margin-right: 20px;
}
.widget-page ul li  {
	margin-bottom: 20px;
	border-bottom: 1px dotted #dddddd;
	padding-bottom: 20px;
}

.widget-page ul li a{
}
.widget-page span {
	color: #999999;
	display:block;
	margin-top:10px;
}
.widget-page {
	padding-bottom: 30px;
}

/*-------------------------------------------------*/
/* =  Nicescroll
/*-------------------------------------------------*/

		/* Scroll */

.scroll-properties .container {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 30px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	}

		/* Big */

.container-big{
	position:relative;
	overflow:hidden;
	height:100%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.text-big{
	
	 color:white;
	 font:14px Georgia,serif;
	 height: 100%;
	 position:absolute;
	 background: #000000;
	

}

.infotexthv {
	padding: 20px;
}

article.text-big{
	 bottom:-85%;
	 -webkit-transition: all .5s ease-out;
	 -moz-transition: all .5s ease-out;
	 -o-transition: all .5s ease-out;
	 transition: all .5s ease-out;
	 width:100%;
}

.container-big:hover article.text-big{
	bottom: -65%;
	opacity:0.9;
	filter:alpha(opacity=90);
}

.container-big img{
	-webkit-transition: all 900ms ease-out;
	-moz-transition: all 900ms ease-out;
	-o-transition: all 900ms ease-out;
	-ms-transition: all 900ms ease-out;	
	transition: all 900ms ease-out;

}

.container-big:hover img{
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	
	
}

.text-big h3{
	padding:0 0 20px 0;
	margin: 0;
}


.text-big p {
	font-size: 12px;
	font-family: arial;
	color: #999999;
	height: 60px;
	overflow: hidden;
}
.text-big h3 a {
	font-family:  'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 200;
	font-size: 24px;
	color: #ffffff;
}

		/* Small */

.container-small{
	position:relative;
	overflow:hidden;
	height:100%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.container-small img{height:220px; width:220px;}
.text-small{
	 color:white;
	 font:14px Georgia,serif;
	 height: 100%;
	 position:absolute;
	 background: #000000;
}
.text-small .infotexthv {
	padding: 15px;
}

article.text-small p {
	font-family: arial;
	color: #999999;
	height: 40px;
	overflow: hidden;
	font-size: 12px;
}

article.text-small{
	bottom:-68%;
	-webkit-transition: all .9s ease-out;
	-moz-transition: all .9s ease-out;
	-o-transition: all .9s ease-out;
	transition: all .9s ease-out;
	width:100%;
}

.container-small:hover article.text-small{
	bottom: -40%;
	opacity:0.9;
	filter:alpha(opacity=90);
}

.container-small img{
	-webkit-transition: all 900ms ease-out;
	-moz-transition: all 900ms ease-out;
	-o-transition: all 900ms ease-out;
	-ms-transition: all 900ms ease-out;	
	transition: all 900ms ease-out;
}

.container-small:hover img{
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.text-small h3{
	padding: 0 0 20px 0;
	margin: 0;
}

.text-small h3 a {
	font-family:  'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 200;
	font-size: 18px;
	color: #ffffff;
}

.text-big h3 a:hover,
.text-small h3 a:hover {
	color: #f78119;
}


/* Back to top */

#bttop{
	
	background-image: url('../../images/html5red/icon/backtotop.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 49px;
	width: 49px;
	padding:5px;
	position:fixed;
	bottom:35px;
	right:10px;
	cursor:pointer;
	display:none;
	text-indent: -9999px;
}
#bttop:hover {
	background-image: url('../../images/html5red/icon/backtotophv_orange.png');
}
#wrapper{
            width: 100%;
            height: 100%;
		margin: 0 auto;
		padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 0px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
        }
        .box{
            overflow-x: scroll;
            overflow-y: hidden;
            height: 510px;
 
        }

	
.scroll-properties .col-home{float: left;}
.scroll-properties {width: 1900px}

/* List Grid ICon */
.shop-nav {padding-bottom: 10px}
.list-grid ul li {
	float: left;
	 position: relative;
}
.list-grid  ul li a{

	padding: 8px 0px 8px 10px;
	display: inline-block;
	font-size: 12px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	color: #999999;}

.grid4col {
	background-image: url('../../images/html5red/icon/list-grid.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 18px;
	height: 13px;
	display: inline-block;
}
.grid3col {
	background-image: url('../../images/html5red/icon/list-grid.png');
	background-repeat: no-repeat;
	background-position: -28px 0;
	width: 13px;
	height: 13px;
	display: inline-block;
}
.grid2col {
	background-image: url('../../images/html5red/icon/list-grid.png');
	background-repeat: no-repeat;
	background-position: -50px 0;
	width: 13px;
	height: 13px;
	display: inline-block;
}
.grid2list {
	background-image: url('../../images/html5red/icon/list-grid.png');
	background-repeat: no-repeat;
	background-position: -73px 0;
	width: 13px;
	height: 13px;
	display: inline-block;
}

.grid4col:hover,
.active .grid4col {
	background-position: 0px -13px;
	
}
.grid3col:hover,
.active .grid3col {
	background-position: -28px -13px;
	
}
.grid2col:hover,
.active .grid2col {
	background-position: -50px -13px;
	
}

.grid2list:hover,
.active .grid2list {
	background-position: -73px -13px;
	
}

.grid_full_width {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Picture banner */

.pic-cat {
	
	margin: 0 auto;
}
.pic-cat img{width:100%;}
.all-text h3 {
	text-transform: none;
	padding:0 0 10px 0;
	font-size: 36px;
}
.all-text {
	padding: 0px 0 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}

.ordering select {
	border: 1px solid #dddddd;
	border-radius: 0;
	color: #999999;
	font-size: 12px;
	padding: 8px 8px 6px 5px;
	height: 34px;
}

.list-grid.inleft a {
	padding-left: 0px;
	padding-right: 10px;
	
}

/* Page-ination */

.page-ination  {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0px 0px 0;
	
}

.page-in {
	text-align: center;
}

.onleft .page-in  {
	text-align: left;
}
.page-ination ul li {
	display: inline-block;
}
.page-ination ul li a.previous{
	background-image: url('../../images/html5red/icon/pre1.png');
	background-position: 16px 14px;
	background-repeat: no-repeat;
	padding:10px 19px;}
.page-ination ul li a.next{
	background-image: url('../../images/html5red/icon/next1.png');
	background-position: 16px 14px;
	background-repeat: no-repeat;
	padding:10px 19px;}
.page-ination ul li  a {
	padding: 10px 16px;
	background-color: #ffffff;
	margin-right: 9px;
	color: #999999;
	font-size: 12px;
	border: 1px solid #e5e5e5;
}
.page-ination ul li a:hover {
	background-color: #333333;
	color: #ffffff;
}

.page-ination ul li a.current {
	background-color: #f78119;
	color: #ffffff;

}


/* Product Grid 4 Col */

.grid_4_col_product .imagewrapper {
	height: 132px;
}

/* List 1 product */
/*
.grid_list_product .product-item .imagewrapper {

} */
.grid_list_product .product-item .list-right-info {
	padding: 25px 0px;
}

.grid_list_product .product-item .list-right-info h3{
	padding: 0 0 20px 0;
	
}

.grid_list_product .product-item .list-right-info .title-info li{
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.grid_list_product .product-item .list-right-info .title-info{
	padding-left: 0px;
}

.grid_list_product .product-item span.price{
	top: 15%;
	bottom: auto;
	padding: 10px 20px;
	
}

.grid_list_product.st2 .product-item .list-right-info {
	padding: 10px 0 0 0;
}

.grid_list_product.st2 .product-item .list-right-info h3 {
	padding-bottom: 10px;
}

.grid_list_product.st2 .product-item span.price {
	top: 10%;
	left: auto;
	right: 0;
	bottom: auto;
}

/*-------------------------------------------------*/
/* =  Siderbar
/*-------------------------------------------------*/

.box-siderbar-container {
	

}
.sidebar-box {
	padding: 30px 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
}
.searchbox .find {
	margin-top: 0px;
	background: none;
	
}


.searchbox .tabberlive .tabbertab {
	margin-top: 30px;
}

.sidebar-box.searchbox {
	background-color: #000000;
}

.sidebar-box .row-fluid .span12 {
	margin: 0px;
}
.sidebar-box  .find input.keywordfind  {
	width: 94%;
}

.sidebar-box .our-img {
	float: left;
	margin-right: 10px;
	
}

.searchbox .find ul.tabbernav li.tabberactive a:hover,
.searchbox .find ul.tabbernav li a:hover {
	color: #ffffff;
	border: none;
}

.tabsidebar ul.tabbernav li.tabberactive a:hover {
	color: #ffffff;
}
.tabsidebar ul.tabbernav li a:hover {
	border: none;
	color: #333333;
}

.properties .sidebar-box  h3 {
	text-transform: uppercase;
	font-size: 12px;
	padding: 0px 0px 20px 0px;
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 700;
}

.our-info h4 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #999999;
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 200;
	text-transform: uppercase;
	line-height: 20px;
}

.sidebar-box  .our-info h5 {
	font-size: 12px;
	padding: 1px 0px 0px 0px;
	text-transform: none;
	
}

.sidebar-box.our-box ul li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #dddddd;
}

.sidebar-box.our-box ul li:last-child {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.our-info {
	overflow: auto;
}

.product_list_wg li a {
	font-size: 12px;
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 200;
	text-transform: uppercase;
}

.product_list_wg li a img {
	float: left;
	margin-right: 10px;
   
    
}

.product_list_wg .amount {
	font-size: 12px;
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 700;
}

.product_list_wg li ,
.blog_list_wg li {

	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #dddddd;

}
.product_list_wg li:last-child,
.blog_list_wg li:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}


.blog_list_wg li a img {
	float: left;
	margin-right: 10px;
   
    
}

.blog_list_wg li a {
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 700;
}

.blog_list_wg .author {
	margin-top: 5px;
}

.tabsidebar ul.tabbernav li.tabberactive a {
	background-color: #333333;
	
}

.tabsidebar ul.tabbernav li.tabberactive a:before {
	
	border-color: #333333 transparent  #333333 transparent ;
}


.sidebar-box.posts_by {

	background-color: #ffffff;
}

.sidebar-box.posts_by.categorybox {
	background-color: #000000;
}

.sidebar-box.posts_by ul li {
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px solid #eeeeee;
}

.sidebar-box.posts_by ul li:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sidebar-box.posts_by  h6 {
	font-weight: 700;
	text-transform: uppercase;
	color: #333333;
	margin: 0px;
	padding: 0 0 15px 0;
}

.sidebar-box.posts_by ul li a {
	color: #333333;
}
.sidebar-box.posts_by ul li a:hover {
	color: #f78119;
}
.sidebar-box.posts_by.month ul li a {
	-webkit-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-o-transition: all 400ms ease-out;
	-ms-transition: all 400ms ease-out;	
	transition: all 400ms ease-out;
}
.sidebar-box.posts_by.month ul li a:hover {
	margin-left: 15px;
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}
.sidebar-box.posts_by ul li span {
	color: #666666;
	padding-left:5px;
}


.sidebar-box.posts_by.categorybox  h6 {
	color: #ffffff;
}
.sidebar-box.posts_by.categorybox ul li a {
	color: #999999;
}
.sidebar-box.posts_by.categorybox ul li a:hover {
	color: #f78119;
}

.sidebar-box.posts_by.categorybox ul li {
	border-color: #151515;
}
.sidebar-box.posts_by.categorybox ul li.active a{color:#f78119}

/* Blog List */


.blog_list li {
	background: #ffffff;
	padding: 0 0px 30px 0px;
	margin-bottom: 20px;
}
.blog_list h5.title {
	text-transform: uppercase;
	padding: 20px;
	
}

.blog_list .description {

	padding: 0 20px 0px 20px;
}
.blog_list .description .date {
	padding-bottom: 30px;
}
.blog_list .description .excerpt a.readmore, .blog_detail_content a.readmore {
	background-color: #333333;
	color: #ffffff;
	padding: 10px 20px;
	font-size: 12px;
	text-transform: uppercase;
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	margin-top: 30px;
	display: inline-block;
}

.blog_list .description .excerpt a.readmore:hover, .blog_detail_content a.readmore:hover {
	background-color: #f78119;
}

/* Blog Detail */

.blog_detail_content {

	padding: 20px;
	background: #ffffff;
}

.blog_detail_content h5.title {
	text-transform: uppercase;
	font-weight: 300;
	
	
}

.blog_detail_content .description .date {
	 padding-bottom: 30px;
}
.blog_detail_content .description .date span{float:right;}
.blog_detail .excerpt {
	padding-bottom: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}


/*-------------------------------------------------*/
/* =  Page Comment
/*-------------------------------------------------*/

a.weibolink {
	background-image: url('../../images/html5red/icon/weibo16.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 20px;
	float:right;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
	margin:-70px 65px 0px 0px;
}

.comment h5 {
	text-transform: uppercase;
	font-size: 18px;
}

.comment ul li .img-author-cm{
	float: left;
	margin-right: 20px;
}

.comment ul li a.name-cm {
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 700;
	font-size: 12px;
	display: inline-block;
	padding-bottom: 10px;
}

.infocoment {
	overflow: hidden;
}

.infocoment .date-cm{
	padding-bottom: 10px;
}

.date-cm a {
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-size: 12px;
}

.date-cm span {
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-size: 12px;
	color: #999999;
}

.infocoment .content-cm {
	padding-bottom: 10px;
}

.comment ul li ul {
	margin-left: 70px;
}

.comment ul li ul li {
	border-top: 1px solid #eeeeee;
	padding-top: 20px;
}

	/* Comment Form */

.form-cm {
	background-color: #ffffff;
	margin-top: 20px;
}
.content-form-cm {
	padding: 40px 20px 40px 20px;
}

.content-form-cm h4 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}

.content-form-cm input{
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	box-shadow: none;
	border-radius: 0;
	font-size: 12px;
	width: 48%;
	color: #999999;
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
}

.content-form-cm input:focus {
	box-shadow: none;

	border-color: #f78119;
	
}

.content-form-cm textarea{
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	box-shadow: none;
	border-radius: 0;
	font-size: 12px;
	color: #999999;
	width: 98%;
	font-family:  "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	
}

.content-form-cm .button-cm {
	background-color:#333333;
	border: none;
	color: #ffffff;
	padding: 10px 50px;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 10px;
}
.content-form-cm .button-cm:hover {
	background-color: #f78119;
}
/*-------------------------------------------------*/
/* =  Contact
/*-------------------------------------------------*/

.contact {
padding-right: 20px;

}

	/* View map */
	
.map {
	background-color: #ffffff;
}
.map-box iframe,
.map iframe{
	width: 100%;
	

	/* Contact */
	
}
.contact h1 {
	font-size: 36px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	margin: 0;
	padding: 0 0 40px 0;
	font-weight: 400;
}
.contact .infotext {
	margin-bottom: 40px;
}

.add-contact h6 {
	margin: 0;
	padding: 0;
}
.add-contact strong {
	color: #333333;
}

.add-contact  a {
	color: #f78119;
}

.add-contact  a:hover {
	color: #333333;
}

.contact-bor {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #dddddd;
}

	/* Contact Form */

.contact-form  input {
	border: 1px solid #e5e5e5;
	box-shadow: none;
	border-radius: 0;
	width: 95%;
	height: 30px;
}
.contact-form  textarea {
	border: 1px solid #e5e5e5;
	box-shadow: none;
	border-radius: 0;
	width: 97%;
}
.contact-form  input:focus,
.contact-form  textarea:focus {
	border-color: #f78119;
	box-shadow: none;
}
.contact-form label {
	color: #333333;
	font-size: 11px;
	font-weight: 700;
	padding: 10px 0 5px 0;
}

.contact-form .button-send {
	color: #ffffff;
	padding: 10px 60px;
	background-color: #f78119;
	border: none;
	text-transform: uppercase;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	margin-top: 20px;
}
.contact-form .button-send:hover {
	background-color: #333333;
}

/*-------------------------------------------------*/
/* =  Page 404
/*-------------------------------------------------*/

.error404 {
	text-align: center;
	padding-bottom: 120px;
}
.error404 h1 {
	font-size: 240px;
	margin:  120px 0px 110px 0;
	
}

.error404 p {
	font-size: 18px;
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	color: #999999;
}
.error404 a {
	display: inline-block;
	background-color: #f78119;
	border: none;
	
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 300;
	margin-top: 20px;
	color: #ffffff;
	padding: 10px 15px;
	font-size: 12px;
}
.error404 a:hover {
	background-color: #333333;
}




/*-------------------------------------------------*/
/* =  Property detail
/*-------------------------------------------------*/

.property_detail {
	background-color: #ffffff;
	padding-bottom: 20px;
	overflow:hidden;
}

.infotext-detail {
	padding: 20px;
}

.infotext-detail h3 {
	font-size: 18px;
	font-weight: 200;
	padding:0 0 15px 0;
	font-family: 'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
}
.infotext-detail span.price {
	font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #333333;
	
}

.infotext-detail .title-info{
	padding: 0px;
	margin-top: 25px;
}
.onlineservice{
	padding:10px 0px;
	margin-top:35px;}
.onlineservice a {
	padding: 10px 16px;
	background-color: #ffffff;
	margin-right: 9px;
	color: #999999;
	font-size: 12px;
	border: 1px solid #e5e5e5;
}
.onlineservice a:hover {
	background-color: #f78119;
	color: #ffffff;
}
.crumbs{padding:20px 20px 0 20px;}
.crumbs a{color:#999;}
.infotext-detail .excerpt{float:left; padding-top:20px; margin-top:40px;color:#666;width:100%; border-top:1px solid #eeeeee;}
.excerpt h1{line-height: 50px !important; font-size:26px;color: #666;}
.excerpt h2{font-size:24px;}
.excerpt h3{font-weight:bold;font-size:22px;font-family: "Microsoft YaHei UI","Microsoft YaHei", sans-serif; padding:0;}
.infotext-detail > .excerpt > h1, h2, h3, h4, h5, h6{
	line-height: 30px;
	padding: 5px 0 15px 0;	
	margin: 0;	
	color: #666;}
.share {
	margin-top: 20px;float:left;
}
.share ul li {
	display: inline-block;
	margin-right: 8px;
}
#property-list {
	padding-bottom: 20px;
}

p.borbg {
	background: #f5f5f5;
	padding: 10px;
	border-left:2px solid #000000;
	margin-left: 20px;
}

/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/

.footer-container {
	background-color: #111111;
	padding-top: 50px;
}
.footer-container h3 {
	font-family: 'zzgf',"Microsoft YaHei UI","Microsoft YaHei", sans-serif;
	font-weight: 300;
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 30px;
}

		/* New letter */

.newletter {
	position: relative;
	background: #ffffff;
	width: 100%;
	height: 35px;

}

.newletter:hover {
	box-shadow: 1px 1px 1px #f78119;
}

.newletter input.textnewletter {
	border: none;
	box-shadow: none;
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 11px;
	border-radius: 0;
}

.newletter .buttonnewletter {
	position: absolute;
	top: 10px; 
	right: 5px;
	background-image: url('../../images/html5red/buttomletter.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 13px;
	width: 15px;
	border: none;
	text-indent: -9999px;
	background-color: none;
}
		/* Footer top	 */
.footer-top {
	border-bottom: 1px solid #222222;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.footer-top p {
	padding-bottom: 30px;
	padding-top: 0px;
	margin: 0px;
}

.footer-top p,
.footer-top a {

	color: #666666;
}
.footer-top a:hover {
	color: #f78119;
	
}

.footer-bottom a {
	color: #f78119;
}

.newletter form {
	margin: 0px;
}
		/* Footer bottom */ 

.footer-bottom {
	padding-bottom: 40px;
}


		/* Social */

.social ul li {
	display: inline-block;
}

.social ul li a {
    background-image: url("../../images/html5red/icon/social_orange.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    text-transform: capitalize;
	text-indent: -9999px;
	transition: all 0.2s ease-in-out 0.0s;
	-moz-transition: all 0.2s ease-in-out 0.0s;
	-webkit-transition: all 0.2s ease-in-out 0.0s;
	-o-transition: all 0.2s ease-in-out 0.0s;
}

.social ul li a.sinaweibo {
	background-position: 0 0;
	width:  24px;
}

.social ul li a.tencentweibo {
	background-position: -32px 0;
	width:  30px;
}
.social ul li a.douban {
	background-position: -77px 0;
	width:  25px;
}

.social ul li a.weixin {
	background-position: -120px 0;
	width:  23px;
}

.social ul li a.email {
	background-position: -159px 0;
	width:  26px;
}

.social ul li a.feed {
	background-position: -200px 0;
	width:  20px;
}

.social ul li a.sinaweibo:hover {
	background-position: 0 -22px;
	width:  24px;
}
.social ul li a.tencentweibo:hover {
	background-position: -32px -22px;
	width:  30px;
}
.social ul li a.douban:hover {
	background-position: -77px -22px;
	width:  25px;
}

.social ul li a.weixin:hover {
	background-position: -120px -22px;
	width:  23px;
}
.weixin-detail {
	position:absolute;
	padding:10px;
	border:1px solid #ccc;
	line-height:18px;
	color:#666;
	background:#fff;
	z-index: 1000;
}
.weixin-detail-top {
	top:36px;
}
.weixin-detail-bottom {
	bottom:100px;
}

.weixin-qr {
	margin-bottom:10px;
	width:220px;
	height:220px;
	background:url("../../images/html5red/weixin.jpg") no-repeat;
}
.social ul li a.email:hover {
	background-position: -159px -22px;
	width:  26px;
}

.social ul li a.feed:hover {
	background-position: -200px -22px;
	width:  20px;
}

.down_info tr{height:35px;}
.poline{border-bottom:2px solid #f78119; margin-bottom:20px;}
#folding{background:#333; color:#FFF; padding:5px 30px 5px 30px;font-size:12px;}
#folding:hover{background:#f78119;}
.dfile{ margin:0 auto 0 auto; width:162px;}
.downfile li.readmore, .dfile a {
	background-color: #333333;
	padding: 10px 20px;
	display: inline-block;
	text-decoration:none;
}
.downfile li.readmore a, .dfile a{
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;}
.downfile li.readmore:hover, .dfile a:hover {
	background-color: #f78119;
}
#xzs_btn{padding-top:17px; text-align:center; font-size:24px;}
#style_switcher {
	position: fixed;
	right: 0px;
	top: 255px;
	width: 20px;
	padding: 14px;
	border: 1px solid #cd2727;
	background-color: #d94949;
	z-index: 10000;
}
#style_switcher a{
	font-family:"Microsoft YaHei UI","Microsoft YaHei";
	color:#FFF;
	font-size: 18px;
}
		/* contact */

.contact ul li {
	display: inline-block;
}

.contact ul li a {
    background-image: url("../../images/html5red/icon/contacts_32.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 32px;
	width:  32px;
    margin-left: 0px;
    text-transform: capitalize;
	text-indent: -9999px;
	transition: all 0.2s ease-in-out 0.0s;
	-moz-transition: all 0.2s ease-in-out 0.0s;
	-webkit-transition: all 0.2s ease-in-out 0.0s;
	-o-transition: all 0.2s ease-in-out 0.0s;
}

.contact ul li a.facebook {
	background-position: 0 0;
}
.contact ul li a.facebook:hover {
	background-position: 0 -32px;
}
.contact ul li a.weibo {
	background-position: -32px 0;
}
.contact ul li a.weibo:hover {
	background-position: -32px -32px;
}
.contact ul li a.home {
	background-position: -64px 0;
}
.contact ul li a.home:hover {
	background-position: -64px -32px;
}
.contact ul li a.globa {
	background-position: -96px 0;
	width:  32px;
}
.contact ul li a.globa:hover {
	background-position: -96px -32px;
	width:  32px;
}
.contact ul li a.email {
	background-position: -128px 0;
	width:  32px;
}
.contact ul li a.email:hover {
	background-position: -128px -32px;
	width:  32px;
}
.contact ul li a.youku {
	background-position: -160px 0;
	width:  32px;
}
.contact ul li a.youku:hover {
	background-position: -160px -32px;
	width:  32px;
}
.contact ul li a.wechat {
	background-position: -192px 0;
	width:  32px;
}
.contact ul li a.wechat:hover {
	background-position: -192px -32px;
	width:  32px;
}
.contact ul li a.twitter {
	background-position: -224px 0;
	width:  32px;
}
.contact ul li a.twitter:hover {
	background-position: -224px -32px;
	width:  32px;
}
.contact ul li a.qq {
	background-position: -256px 0;
	width:  32px;
}
.contact ul li a.qq:hover {
	background-position: -256px -32px;
	width:  32px;
}
.contact ul li a.youtube {
	background-position: -288px 0;
	width:  32px;
}
.contact ul li a.youtube:hover {
	background-position: -288px -32px;
	width:  32px;
}