/* Global Background */
.hd-face, .g-share, .hd-search-txt, .hd-search-btn {
	background: url(../images/global.png) no-repeat;
}
/* Global Class */
.g-line {
	display: inline-block;
	width: 1px;
	height: 9px;
	overflow: hidden;
	margin: 4px 10px 0 0;
	background: #cdcccc;
	vertical-align: middle;
}
.g-share {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-left: 7px;
	vertical-align: middle;
}
.g-share:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
.g-share01 {
	background-position: 0 -80px;
}
.g-share02 {
	background-position: -28px -80px;
}
.g-share03 {
	background-position: -57px -80px;
}
.g-tl {
	position: relative;
	z-index: 9;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 3px #333;
}
.g-tl h2 {
	font: bold 48px/80px Arial;
}
.g-tl i {
	display: inline-block;
	width: 53px;
	height: 12px;
	background: url(../images/why_geele_line.png) no-repeat;
}
.g-tl2 {
	color: #1884d3;
}
.g-tl2 i {
	background-position: 0 -200px;
}
.g-back {
	padding-top: 40px;
	height: 42px;
	text-align: center;
}
.g-back a {
	display: inline-block;
	padding: 0 30px;
	border: 4px solid #fff;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 37px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.g-back a:hover {
	background: #fff;
	color: #0067b2;
}
.g-mask-close {
	position: absolute;
	right: -55px;
	top: 10px;
	width: 40px;
	height: 39px;
	background: url(../images/mask_close.png) no-repeat;
}
.g-mask-close:hover {
	background-image: url(../images/mask_close_hover.png);
}
.g-scroll {
	position: relative;
	overflow: hidden;
	padding-right: 15px;
}
.g-scroll-cont {
	position: absolute;
	left: 0;
	padding-right: 15px;
}
.g-scroll-bar {
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
	height: 100%;
	overflow: hidden;
}
.g-scroll-btn {
	position: absolute;
	width: 5px;
	height: 57px;
	background: #fff;
	cursor: pointer;
}


#whyGeely, .vehicle, #followGeely {
	position: relative;
	width: 100%;
	height: 715px;
	/*overflow: hidden;*/
	min-width: 950px;
}
#followGeely {
	margin-top: -25px;
}
.viewport {
	position: relative;
	height: 100%;
}
.view-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #262729;
}
.view-bg img {
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	margin-left: -960px;
}
#loading {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #1a1a1a;
}
#loading img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 13px 0 0 -75px;
}

/* Header */
.header-wrap{ width:100%; height:130px; position:fixed; left:0; top:0; z-index:8000;transition:height 0.5s; -moz-transition: height 0.5s;-webkit-transition: height 0.5s; -ms-transition: height 0.5s; -o-webkit-transition: height 0.5s;}


.headerwrap{
	width: 1100px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
.header { color:#FFFFFF;
width:100%; height:130px; position:fixed; left:0; top:0; z-index:8000;transition:height 0.5s; -moz-transition: height 0.5s;-webkit-transition: height 0.5s; -ms-transition: height 0.5s; -o-webkit-transition: height 0.5s;
	overflow: visible!important;
}
.header .layout {
	position: relative;
	height: 100%; filter:alpha(opacity=50);   
      -moz-opacity:0.5;   
      -khtml-opacity: 0.5;   
      opacity: 0.5;  
}

.nav {
	z-index: 19; color:#FFFFFF;
}


.nav-tl i {
	position: absolute;
	right: -13px;
	top: 8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 3px;
	border-style: solid dashed dashed dashed;
	border-color: #9a9a9a transparent transparent transparent;
}
.nav-tl:hover {
	color: #0067b2;
}
.nav-tl:hover i {
	border-top-color: #0067b2;
}
.nav-follow {
	left: 20px;
}

.prosemenu {
	position: absolute;
	top: 41px;
	width: 950px;
	height: 0;
	overflow: hidden;
	right: -315px;
}
.prosemenu dl {
	background: #fff url(../images/semenubg.jpg) repeat-x 0 bottom;
}
.prosemenuTop {
	border-top: 2px solid #0067b2;
}
.prosemenu dt {
	float: left;
	width: 110px;
	height: 83px;
	padding-top: 17px;
	background: #f5f5f5 url(../images/semenubg01.jpg) repeat-x 0 bottom;
	text-align: center;
}
.prosemenu dd {
	margin-right: -3px;
	padding: 10px 0 0 5px;
}
.prosemenuBot dd {
	padding-top: 0;
}
.prosemenu dd a {
	display: inline-block;
	width: 108px;
	height: 75px;
	padding: 10px 4px 5px;
	color: #666;
	font-size: 12px;
	text-align: center;
}
.prosemenu dd a:hover, .prosemenu dd a.cur {
	padding: 9px 3px 5px;
	border: 1px solid #e2e1e1;
	border-bottom: none;
	color: #666;
	background: url(../images/semenubg02.jpg) repeat-x;
}
.prosemenuBot dd a {
	padding-top: 16px;
}
.prosemenuBot {
	border-top: #e2e1e1 1px solid;
}
.prosemenuBot dd a:hover, .prosemenuBot dd a.cur {
	position: relative;
	margin-top: -1px;
	padding: 17px 3px 4px;
	border: 1px solid #e2e1e1;
	border-top: none;
	background-position: 0 -100px;
}
.prosemenuUl {
	position: relative;
	width: 950px;
	height: 0;
	overflow: hidden;
	background: url(../images/semenubg04.jpg) repeat-y;
}
.prosemenuUl ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 227px;
}
.prosemenuUl .bottom {
	top: 227px;
}
.prosemenuUl li {
	float: left;
	width: 815px;
	height: auto;
	padding: 30px 60px 0 75px;
}
.prosemenuUl li h2 {
	padding: 5px 0 15px;
	color: #000;
	font-weight: bold;
	font-size: 36px;
}
.prosemenuUl li p {
	padding-right: 10px;
	color: #666;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}
.prosemenuUl li a.semenuMore {
	display: inline-block;
	width: 108px;
	height: 31px;
	overflow: hidden;
	margin-top: 15px;
}
.header .guide {
	position: absolute;
	top: 12px;
	right: 0;
	z-index: 20;
	width: 460px;
	color: #888;
	font-size: 0;
}
.header .guide a {
	float: left;
	margin-right: 10px;
	color: #888;
	font-size: 12px;
}
.header .guide a:hover {
	color: #0067b2;
}
.header .guide i {
	float: left;
}
.global-site {
	position: relative;
	float: left;
	width: 80px;
	height: 22px;
	margin: -2px 5px 0 0;
	background: url(../images/global_site.png) no-repeat;
	font-size: 12px;
	padding-left: 3px;
	line-height: 22px;
	cursor: pointer;
}
.global-site span {
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
	z-index: 999;
	min-width: 78px;
	border: 1px solid #dbdbdb;
	border-top: none;
	background: #fff;
}
.guide .global-site a {
	display: block;
	float: none;
	margin: 0;
	padding: 0 3px;
	white-space:nowrap;
}
.guide .global-site a:hover {
	background: #0067b2;
	color: #fff;
}
.hd-face {
	width: 18px;
	height: 18px;
	background-position: 0 -30px;
}
.hd-face:hover {
	background-position: 0 -48px;
}
.hd-search-txt {
	float: left;
	width: 116px;
	height: 16px;
	padding: 2px 23px 2px 3px;
	border: 0;
	color: #666;
}
.hd-search-btn {
	float: left;
	width: 14px;
	height: 14px;
	margin: 3px 0 0 -18px;
	border: none;
	background-position: -30px -30px;
	outline: none;
	cursor: pointer;
}
.hd-search-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

/* Footer */
.footer {
/*	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;*/
	background: #fff;
}
.foot-menu, .foot-copy {

}
.foot-menu {

}
.foot-menu dl {
	float: left;
	width: 216px;
	height: 145px;
	padding: 15px 0 0 20px;
	border-right: 1px solid #eee;
}
.foot-menu .last {
	border: none;
}
.foot-menu dl:hover {
	padding-top: 12px;
	border-top: 3px solid #0067b2;
}
.foot-menu dt a {
	color: #444;
	font-size: 14px;
	font-weight: bold;
}
.foot-menu dd a {
	color: #888;
	line-height: 20px;
}
.foot-menu a:hover {
	color: #0067b2;
}
.foot-copy {
	height: 40px;
}
.foot-copy .fl a {
	display: inline-block;
	margin-right: 10px;
	color: #666;
	vertical-align: middle;
}
.foot-copy .fl i {
	margin-top: -1px;
	vertical-align: middle;
}
.foot-copy .fl a:hover {
	color: #0067b2;
}
.jiathis_style{
	float: right;
}
.jiathis_style .jtico{
	background: none!important;
}


.view-next {
	position: absolute;
	left: 941px;
	background: url(../images/vehicles7.png) left top no-repeat;
	bottom: 26px;
	z-index: 99;
	width: 80px;
	height: 62px;
	margin-left: -20px;
}
.view-next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.view-next2 {
	background-position: -41px 0;
}
.fixed-view-ico {
	position: fixed;
	_position: absolute;
	left: auto;
	right: 25px;
	top: 50%;
	z-index: 999;
	width: 17px;
	height: 120px;
	margin-top: -60px;
}
.fixed-view-ico a {
	display: block;
	width: 17px;
	height: 17px;
	margin-bottom: 5px;
	background: url(../images/why_geele_ico.png) no-repeat;
	_background: url(../images/why_geele_ico_ie6.png) no-repeat;
}
.fixed-view-ico a:hover, .fixed-view-ico .cur {
	background-image: url(../images/why_geely_ico_hover.png);
	_background-image: url(../images/why_geele_ico_hover_ie6.png);
}

/* Brand Core Values */
.brand-view {

}
.brand-view .g-tl h2 {
	font-size: 60px;
}
.brand-view .cont {
	padding-top: 95px;
	color: #e6eaee;
}
/* Geely Overview */
.overview-view {
	margin-top: -356px;
	color: #fff;
	margin-left: -895px;
}
.overview-view .about {

}
.overview-view .list {
	width: 858px;
	margin: 0 auto;
	padding-left: 46px;
}
.overview-view .list li {
	float: left;
	width: 240px;
	height: 335px;
	margin-right: 46px;
}
.overview-view .list a {
	position: relative;
	float: left;
	width: 200px;
	height: 295px;
	padding: 20px;
	background: #5a5a5a;
	color: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.overview-view .list img {
	display: block;
}
.overview-view .list strong {
	display: block;
	height: 35px;
	margin: 10px 0 8px;
	border-bottom: 1px solid #7c7c7c;
	font: normal 18px/35px Arial;
}
.overview-view .list a:hover {
	background: #0067b2;
}
.overview-view .list a:hover strong {
	border-color: #3385c1;
}
.overview-view .list-more {
	position: absolute;
	bottom: 35px;
	left: 20px;
	height: 28px;
	color: #fff;
}
.overview-view .list-more i {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 27px;
	height: 1px;
	overflow: hidden;
	background: #fff;
}

/* Production and R & D */
.production-view {
	margin-top: -260px;
}
.production-cont {
	position: relative;
	margin-top: 50px;
}
.production-cont .btn {
	position: absolute;
	top: 100px;
	z-index: 9;
	width: 40px;
	height: 75px;
	background: url(../images/zyouanl.png) no-repeat;
}
.production-cont .prev {
	left: 112px;
}
.production-cont .prev:hover {
	background-position: 0 -79px;
}
.production-cont .next {
	right: 124px;
	background-position: -42px 0;
}
.production-cont .next:hover {
	background-position: -42px -79px;
}
.production-cont .resear {
	position: relative;
	width: 830px;
	height: 314px;
	overflow: hidden;
	margin: 0 auto;
}
.production-cont  .resear{
	width:1017px;
}
.production-cont .resear ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 840px;
}
.production-cont .resear li {
	position: relative;
	float: left;
	width: 329px;
	margin-right: 10px;
	height: 314px;
}
.production-cont .resear .line {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 6px;
	background: #0067b2;
}
.production-cont .resear a {
	display: block;
	height: 308px;
	border-bottom: 6px solid #ffffff;
	color: #ffffff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	text-align: center;
}
.resear li span {
	display: block;
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	}
	.resear li a:hover span{
		display:block;}
.production-cont .resear strong {
	padding-top: 15px;
	font-size: 14px;
	line-height: 70px;
	text-align: center;
	height: 70px;
}
.production-cont .resear a:hover {
	/*border-color: #0067b2;*/
	color: #0067b2;
}

/* Corporate Culture */
.culture-view {
	margin-top: -270px;
}
.culture-view .list {
	width: 790px;
	padding-left: 43px;
	margin: 30px auto 0;
}
.culture-view .list li {
	float: left;
	width: 220px;
	height: 320px;
	margin-right: 43px;
}
.culture-view .list a {
	display: block;
	position: relative;
	height: 279px;
	padding: 20px;
	border-bottom: 1px solid #eaebe9;
	background: #fff;
	color: #888;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.culture-view .list img {
	display: block;
	position: relative;
	margin: -20px -20px 0 -20px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.culture-view .list strong {
	display: block;
	height: 35px;
	margin: 10px 0 8px;
	border-bottom: 1px solid #e5e5e5;
	line-height: 35px;
}
.culture-view .list-more {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 88px;
	height: 23px;
	border: 1px solid #dbdbdb;
	text-align: center;
	line-height: 23px;
}
.culture-view .list a:hover {	
	background: #0067b2;
	color: #fff;
	border-color: #0067b2;
}
.culture-view .list a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* History */
.history-view {
	margin-top: -300px;
}
.history-view2 {
	margin-top: -250px;
}
.history-cont {
	width: 950px;
	margin: 0 auto;
}
.history-cont .tab-tl {
	height: 55px;
	padding: 34px 10px 0 0;
	font: bold 14px/42px Arial;
	text-align: center;
}
.history-cont .tab-tl a {
	display: inline-block;
	position: relative;
	height: 42px;
	min-width: 52px;
	_width: 52px;
	margin-right: 5px;
	padding: 0 17px;
	color: #fff;
	background: url(../images/why_history_tl.png) repeat-x;
	white-space: nowrap;
}
.history-cont .tab-tl i {
	visibility: hidden;
	position: absolute;
	left: 50%;
	top: 42px;
	width: 0;
	height: 0;
	overflow: hidden;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid dashed dashed dashed;
	border-color: #0271c2 transparent transparent transparent;
}
.history-cont .tab-tl a:hover, .history-cont .tab-tl .cur {
	background-position: 0 -60px;
}
.history-cont .tab-tl .cur i {
	visibility: visible;
}
.history-cont .cont-list {
	position: relative;
	padding-top: 20px;
}
.history-cont .cont-list .tab-cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 950px;
	visibility: hidden;
}
.history-cont .cont-list .cont {
	position: relative;
	width: 840px;
	height: 365px;
	overflow: hidden;
	margin-left: 65px;
}
.history-cont .cont-list .marked {
	width: 820px;
	height: 30px;
	margin: 0 auto;
	color: #bababa;
	font-size: 14px;
	text-align: right;
}
.history-cont .cont-list ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 900px;
}
.history-cont .cont-list li {
	float: left;
	margin-right: 20px;
	background: #fff;
}
.history-cont .cont-list .cont a {
	display: block;
	position: relative;
	width: 220px;
	height: 302px;
	padding: 20px;
	color: #666;
}
.history-cont .cont-list img {
	margin: -20px -20px 0 -20px;
}
.history-cont .cont-list strong {
	display: block;
	height: 30px;
	margin: 8px 0 10px;
	border-bottom: 1px solid #d9d9d9;
	color: #007ad3;
	line-height: 30px;
}
.history-cont .cont-list .line {
	position: absolute;
	bottom: 31px;
	left: 20px;
	width: 22px;
	height: 3px;
	overflow: hidden;
	background: #6d7175;
}
.history-cont .cont-list .btn {
	position: absolute;
	top: 186px;
	width: 19px;
	height: 31px;
	background: url(../images/why_history_btn.png) no-repeat;
}
.history-cont .cont-list .btn:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
.history-cont .cont-list .prev {
	left: 0;
}
.history-cont .cont-list .next {
	right: 0;
	background-position: -19px 0;
}

/* Geely Overview */
.aboutus-viewport {
	margin-top: -310px;
}
.aboutus-viewport .list {
	position: relative;
	width: 860px;
	height: 420px;
	overflow: hidden;
	margin: 20px auto 0;
	background: #fff;
}
.aboutus-viewport .list-cont {
	position: relative;
	width: 820px;
	height: 380px;
	overflow: hidden;
	margin: 20px;
}
.aboutus-viewport .cont {
	float: left;
	width: 565px;
	height: 312px;
	overflow: hidden;
}
.aboutus-viewport .cont h4 {
	min-height: 24px;
	padding: 12px 0;
	border-bottom: 1px solid #ddd;
	color: #0067b2;
	font-size: 20px;
	line-height: 24px;
}
.aboutus-viewport .cont .txt {
	margin: 10px 0;
	color: #888;
}
.aboutus-viewport .trigger {
	position: absolute;
	bottom: 30px;
	right: 20px;
	width: 568px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
.aboutus-viewport .trigger .btn {
	float: right;
	width: 30px;
	height: 30px;
	background: url(../images/geely_overview_btn.png) no-repeat;
}
.aboutus-viewport .trigger .prev:hover {
	background-position: 0 -30px;
}
.aboutus-viewport .trigger .next {
	margin-left: 10px;
	background-position: -30px 0;
}
.aboutus-viewport .trigger .next:hover {
	background-position: -30px -30px;
}

/* Brands Network */
.brands-network-viewport {
	margin-top: -310px;
}
.brands-network-viewport .img {
	margin-top: 30px;
	height: 175px;
	overflow: hidden;
}
.brands-network-viewport .img img:hover{
	transform: scale(1.1);
}
.brands-network-viewport .more {
	padding-top: 15px;
}
.brands-network-viewport .more a {
	padding: 0 21px;
}
.brands-network-viewport .about {
	padding-top: 10px;
}
.brands-network-viewport .about-line {
	padding: 8px 0;
	font-size: 0;
}
.brands-network-viewport .about-line i {
	display: inline-block;
	width: 27px;
	height: 4px;
	overflow: hidden;
	background: #fff;
}
.brands-network-viewport .about-cont {
	width: 760px;
	height: 158px;
	margin: 10px auto 0;
}

/* Technology & Innovation */
.tech-viewport {
	margin-top: -310px;
}
.tech-cont {
	position: relative;
	width: 709px;
	height: 366px;
	margin: 60px auto 0;
	background: url(../images/technology_innovation01.png) no-repeat 50% 0;
}
.tech-cont .icon {
	position: absolute;
	top: 74px;
	z-index: 10;
	width: 211px;
	height: 214px;
}
.tech-cont .icon img {
	position: absolute;
	left: 0;
	top: 0;
}
.tech-cont .left {
	left: 0;
}
.tech-cont .right {
	right: 0;
}
.tech-cont .icon .hover {
	display: none;
}
.tech-cont .icon:hover .hover {
	display: block;
}
.tech-cont .scroll-cont {
	position: absolute;
	left: 235px;
	top: 55px;
	width: 230px;
	height: 250px;
	overflow: hidden;
}
.tech-cont .scroll-cont .cont {
	position: absolute;
	left: 0;
}
.tech-cont .scroll-bar {
	position: absolute;
	left: 483px;
	top: 107px;
	width: 5px;
	height: 150px;
	overflow: hidden;
}
.tech-cont .scroll-btn {
	position: absolute;
	width: 5px;
	height: 57px;
	background: #fff;
	cursor: pointer;
}

/* Development Direction */
.development-viewport {
	margin-top: -310px;
}
.development-cont {
	position: relative;
	width: 950px;
	margin: 65px auto 20px;
}
.development-cont .cont {
	position: relative;
	width: 884px;
	height: 348px;
	overflow: hidden;
	margin: 0 auto;
}
.development-cont .cont ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000px;
	height: 346px;
}
.development-cont .cont li {
	float: left;
	width: 282px;
	margin-right: 20px;
}
.development-cont .cont a {
	display: block;
	height: 344px;
	padding: 0 25px;
	border: 1px solid #dbdbdb;
	background: url(../images/development_direction_bg.jpg) repeat-x;
	cursor: default;
}
.development-cont .cont strong {
	display: block;
	height: 55px;
	overflow: hidden;
	color: #0067b2;
	font-size: 14px;
	line-height: 55px;
}
.development-cont .cont .g-scroll {
	display: block;
	width: 100%;
	height: 260px;
	margin-top: 10px;
}
.development-cont .cont .txt {
	display: block;
	width: 230px;
	padding: 10px 15px 10px 0;
	color: #888;
}
.development-cont .cont i {
	display: block;
	width: 19px;
	height: 3px;
	overflow: hidden;
	margin-top: 5px;
	background: #ccc;
}
.development-cont .cont a:hover {
	border-color: #015593;
	background-position: 0 -400px;
}
.development-cont .cont a:hover strong {
	color: #fff;
}
.development-cont .cont a:hover .txt {
	color: #e8e8e8;
}
.development-cont .cont a:hover i {
	background: #fff;
}
.development-cont .btn {
	position: absolute;
	top: 154px;
	width: 24px;
	height: 39px;
	background: url(../images/development_direction_btn.png) no-repeat;
}
.development-cont .prev {
	left: 0;
}
.development-cont .prev:hover {
	background-position: 0 -39px;
}
.development-cont .next {
	right: 0;
	background-position: -24px 0;
}
.development-cont .next:hover {
	background-position: -24px -39px;
}

/* The Fundamental Driving Force */
.driving-viewport {
	margin-top: -310px;
}
.driving-viewport .cont {
	width: 950px;
	height: 380px;
	margin: 20px auto 0;
}
.driving-viewport .img-list {
	position: relative;
	float: left;
	width: 290px;
	height: 190px;
	overflow: hidden;
	margin-right: 40px;
	border: 5px solid #fff;
}
.driving-viewport .img-list ul {
	position: absolute;
	left: 0;
	top: 0;
}
.driving-viewport .img-list li {
	float: left;
	width: 290px;
}
.driving-viewport .txt-list {
	position: relative;
	float: left;
	width: 493px;
	height: 335px;
	overflow: hidden;
	color: #dadada;
	line-height: 16px;
}
.driving-viewport .txt-list ul {
	position: relative;
	left: 0;
	top: 0;
}
.driving-viewport .txt-list li {
	position: absolute;
	left: 0;
	top: 0;
	width: 478px;
	height: 330px;
	opacity: 0;
	filter: alpha(opacity=0);
}
/*.driving-viewport .list-cont {
	position: relative;
	width: 815px;
	height: 300px;
	overflow: hidden;
	margin: 60px 67px 20px;
}
.driving-viewport .list-cont ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 10000px;
}
.driving-viewport .list-cont .img {
	float: left;
	width: 290px;
	height: 190px;
	margin-right: 40px;
	border: 5px solid #fff;
}
.driving-viewport .list-cont .cont {
	float: left;
	width: 478px;
	color: #dadada;
	line-height: 16px;
}*/
.driving-viewport .trigger {
	padding-left: 290px;
	color: #fff;
	font-style: italic;
}
.driving-viewport .trigger .btn {
	float: left;
	width: 32px;
	height: 29px;
	background: url(../images/fundamental_driving_btn.png) no-repeat;
}
.driving-viewport .trigger .prev {
	margin-right: 10px;
}
.driving-viewport .trigger .next {
	margin: 20px 0 0 10px;
	background-position: 0 -29px;
}

/* Mission, Vision and Value */
.culture-viewport {
	margin-top: -310px;
}
.culture-viewport .list {
	position: relative;
	width: 840px;
	height: 324px;
	margin: 50px auto 40px;
	background: #fff;
}
.culture-viewport .curIndex {
	float: left;
	width: 112px;
	height: 324px;
	margin-right: 27px;
	border-right: 1px solid #cfcfcf;
	background: #e5e5e5;
	color: #cecece;
	font: italic bold 60px/100px Arial;
	text-align: center;
}
.culture-viewport .list-cont {
	float: left;
	width: 675px;
	height: 284px;
	overflow: hidden;
	padding: 20px 0;
}
.culture-viewport .list-cont li {
	float: left;
	width: 675px;
}
.culture-viewport h4 {
	font-size: 24px;
}
.culture-viewport .about {
	display: block;
	min-height: 50px;
	_height: 50px;
	color: #0067b2;
	font-size: 14px;
	line-height: 18px;
}
.culture-viewport .line {
	display: block;
	width: 22px;
	height: 3px;
	overflow: hidden;
	background: #a6a6a6;
}
.culture-viewport .cont {
	padding: 10px 0;
	line-height: 16px;
}
.culture-viewport .trigger {
	position: absolute;
	bottom: 28px;
	right: 20px;
	width: 680px;
	line-height: 30px;
}
.culture-viewport .trigger .btn {
	float: right;
	width: 42px;
	height: 30px;
	background: url(../images/culture_btn.png) no-repeat;
}
.culture-viewport .trigger .prev:hover {
	background-position: 0 -30px;
}
.culture-viewport .trigger .next {
	margin-left: 5px;
	background-position: -42px 0;
}
.culture-viewport .trigger .next:hover {
	background-position: -42px -30px;
}


/* Production Mask */
.production-mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
.production-mask .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.production-mask-cont {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9;
	width: 860px;
	height: 335px;
	margin: -155px 0 0 -430px;
	background: #fff;
}
.production-mask-cont .list {
	position: relative;
	width: 840px;
	height: 315px;
	overflow: hidden;
	margin: 10px;
}
.production-mask-cont li {
	position: absolute;
	left: 0;
	top: 0;
}
.production-mask-cont .img {
	float: left;
	width: 420px;
	height: 315px;
	margin-right: 20px;
}
.production-mask-cont .cont {
	float: left;
	width: 400px;
}
.production-mask-cont .tl {
	display: block;
	padding: 7px 0;
	border-bottom: 1px solid #e3e3e3;
	color: #0067b2;
	font-size: 18px;
	line-height: 24px;
}
.production-mask-cont .txt {
	height: 214px;
	overflow: hidden;
	margin: 10px 0;
}
.production-mask-cont .page-btn {
	height: 27px;
	padding: 15px 10px 0 0;
	border-top: 1px solid #e3e3e3;
}
.production-mask-cont .page-btn a {
	float: right;
	width: 25px;
	height: 25px;
	background: url(../images/page_btn.png) no-repeat;
}
.production-mask-cont .page-btn .down:hover {
	background-position: 0 -25px;
}
.production-mask-cont .page-btn .up {
	margin-left: 5px;
	background-position: -25px 0;
}
.production-mask-cont .page-btn .up:hover {
	background-position: -25px -25px;
}
.production-mask-cont .btn, .follow-wallpaper-mask .btn {
	position: absolute;
	top: 148px;
	width: 28px;
	height: 46px;
	background: url(../images/production_mask_btn.png) no-repeat;
}
.production-mask-cont .prev {
	left: -35px;
}
.follow-wallpaper-mask .prev {
	left: -50px;
}
.production-mask-cont .prev:hover, .follow-wallpaper-mask .prev:hover {
	background-position: 0 -46px;
}
.production-mask-cont .next, .follow-wallpaper-mask .next {
	right: -35px;
	background-position: -28px 0;
}
.follow-wallpaper-mask .next {
	right: -50px;
}
.production-mask-cont .next:hover, .follow-wallpaper-mask .next:hover {
	background-position: -28px -46px;
}
.production-mask-cont .trigger {
	position: absolute;
	top: 350px;
	left: 0;
	width: 100%;
	text-align: center;
}
.production-mask-cont .trigger span {
	display: inline-block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin: 0 3px;
	background: url(../images/production_mask_trigger02.png) no-repeat;
	_background: #333;
	cursor: pointer;
}
.production-mask-cont .trigger .cur {
	background: url(../images/production_mask_trigger.png) no-repeat;
	_background: #fff;
}

/* follow-news */
.follow-news {
	margin-top: -290px;
}
.follow-news-cont {
	width: 840px;
	margin: 0 auto 20px;
	padding-top: 45px;
}
.follow-news-cont .img {
	position: relative;
	float: left;
	width: 410px;
	height: 275px;
	overflow: hidden;
	margin-right: 10px;
}
.follow-news-cont .img ul {
	position: absolute;
	top: 0;
	left: 0;
}
.follow-news-cont .img li {
	position: relative;
	float: left;
	width: 410px;
	height: 275px;
	overflow: hidden;
}
.follow-news-cont .img .btn {
	position: absolute;
	top: 120px;
	z-index: 99;
	width: 27px;
	height: 38px;
	background: url(../images/follow_news_btn.png) no-repeat;
}
.follow-news-cont .img .prev {
	left: 0;
}
.follow-news-cont .img .next {
	right: 0;
	background-position: -27px 0;
}
.follow-news-cont .img .prev:hover {
	background-position: 0 -38px;
}
.follow-news-cont .img .next:hover {
	right: 0;
	background-position: -27px -38px;
}
.follow-news-cont .img .cont {
	position: absolute;
	top: 212px;
	left: 0;
	z-index: 9;
	width: 374px;
	height: 53px;
	padding: 5px 18px;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
}
.follow-news-cont .img .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 412px;
	height: 65px;
	background: #0067b2;
	opacity: .8;
	filter: alpha(opacity=80);
}
.follow-news-cont .img .txt {
	height: 35px;
	overflow: hidden;
}
.follow-news-cont .img .txt, .follow-news-cont .img em {
	position: relative;
	z-index: 9;
}
.follow-news-cont .img em {
	display: block;
	color: #bebebe;
	font-style: normal;
}
.follow-news-list {
	float: left;
	width: 420px;
	height: 275px;
	overflow: hidden;
}
.follow-news-list li {
	height: 60px;
	vertical-align: bottom;
	margin-bottom: 12px;
}
.follow-news-list a {
	display: block;
	position: relative;
	height: 60px;
	color: #888;
	cursor: pointer;
}
.follow-news-list .bg-l, .follow-news-list .bg-r {
	float: left;
	height: 60px;
	background: #000;
}
.follow-news-list .bg-l {
	width: 89px;
	opacity: .8;
	filter: alpha(opacity=80);
}
.follow-news-list .bg-r {
	width: 331px;
	opacity: .4;
	filter: alpha(opacity=40);
}
.follow-news-list .time {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 89px;
	height: 50px;
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
}
.follow-news-list .txt {
	position: absolute;
	left: 105px;
	top: 12px;
	width: 280px;
}
.follow-news-list .line {
	position: absolute;
	left: 27px;
	top: 30px;
	width: 35px;
	height: 1px;
	overflow: hidden;
	background: #242424;
}
.follow-news-list a:hover .bg-l {
	background: #0067b2;
	opacity: 1;
	filter: alpha(opacity=100);
}
.follow-news-list a:hover .bg-r {
	opacity: .8;
	filter: alpha(opacity=80);
}
.follow-news-list a:hover .time {
	color: #fff;
}
.follow-news-list a:hover .txt {
	color: #c8c8c8;
}
.follow-news-list a:hover .line {
	background: #1a76ba;
}
.follow-news-list a.rmd .bg-l, .follow-news-list a.rmd:hover .bg-l {
	background: #0067b2;
	opacity: 1;
	filter: alpha(opacity=100);
}
.follow-news-list a.rmd .bg-r, .follow-news-list a.rmd:hover .bg-r {
	background: #0067b2;
	opacity: .4;
	filter: alpha(opacity=40);
}
.follow-news-list a.rmd .time {
	color: #fff;
}
.follow-news-list a.rmd .txt {
	color: #c8c8c8;
}
.follow-news-list a.rmd .line {
	background: #fff;
}

.follow-news-list .bg-l,
.follow-news-list .bg-r,
.follow-news-list a .time,
.follow-news-list a .txt,
.follow-news-list a .line {	
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}

/* follow-wallpaper */
.follow-wallpaper {
	margin-top: -290px;
}
.follow-wallpaper-trigger {
	height: 54px;
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
}
.follow-wallpaper-trigger .btn {
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(../images/follow_wallpaper_btn.png) no-repeat;
	vertical-align: middle;
}
.follow-wallpaper-trigger .prev {
	background-position: 0 0;
}
.follow-wallpaper-trigger .next {
	background-position: -35px 0;
}
.follow-wallpaper-trigger .prev:hover {
	background-position: 0 -35px;
}
.follow-wallpaper-trigger .next:hover {
	background-position: -35px -35px;
}
.follow-wallpaper-cont {
	position: relative;
	width: 820px;
	height: 360px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
}
.follow-wallpaper-cont .wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 5000px;
}
.follow-wallpaper-cont .wrap .item {
	float: left;
	width: 840px;
	height: 360px;
}
.follow-wallpaper-cont a {
	position: relative;
	float: left;
	width: 200px;
	height: 170px;
	margin: 0 10px 10px 0;
	color: #666;
}
.follow-wallpaper-cont img {
	display: block;
}
.follow-wallpaper-cont .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 112px;
	background: #1a76b9;
	opacity: 0;
	filter: alpha(opacity=0);
}
.follow-wallpaper-cont a:hover .bg {
	opacity: .8;
	filter: alpha(opacity=80);
}
.follow-wallpaper-cont .png {
	position: absolute;
	left: 80px;
	top: 40px;
	width: 39px;
	height: 39px;
	background: url(../images/cars_interior_ico.png) no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
}
.follow-wallpaper-cont a:hover .png {
	opacity: 1;
	filter: alpha(opacity=100);
}
.follow-wallpaper-mask-bg {
	display: none;
	position: relative;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.follow-wallpaper-mask {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 101;
	width: 740px;
	height: 460px;
	margin: -230px 0 0 -370px;
	padding: 7px;
	background: #fff;
}
.follow-wallpaper-mask .btn {
	top: 210px;
}
.follow-wallpaper-mask .img-list {
	position: relative;
	width: 740px;
	height: 410px;
	overflow: hidden;
}
.follow-wallpaper-mask .img-list ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 5000px;
}
.follow-wallpaper-mask .img-list li {
	float: left;
	width: 740px;
	height: 410px;
}
.follow-wallpaper-mask .down-list {
	position: relative;
	padding-top: 11px;
	font-size: 14px;
	line-height: 37px;
}
.follow-wallpaper-mask .down-list li {
	position: absolute;
	left: 0;
	top: 11px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.follow-wallpaper-mask .down-list a {
	float: left;
	width: 90px;
	height: 37px;
	margin-right: 10px;
	background: url(../images/follow_wallpaper02.jpg) no-repeat;
	color: #666;
	text-align: center;
}
.follow-wallpaper-mask .down-list a:hover {
	background-position: 0 -37px;
	color: #fff;
}


/* follow-videos */
.follow-videos{
	margin-top: -250px;
}
.follow-videos-cont {
	position: relative;
	margin-top: 57px;
}
.follow-videos-cont .btn {
	position: absolute;
	top: 90px;
	z-index: 9;
	width: 19px;
	height: 31px;
	background: url(../images/why_production_btn.png) no-repeat;
}
.follow-videos-cont .prev {
	left: 20px;
}
.follow-videos-cont .prev:hover {
	background-position: 0 -31px;
}
.follow-videos-cont .next {
	right: 20px;
	background-position: -19px 0;
}
.follow-videos-cont .next:hover {
	background-position: -19px -31px;
}
.follow-videos-cont .cont {
	position: relative;
	width: 830px;
	height: 290px;
	overflow: hidden;
	margin: 0 auto;
}
.follow-videos-cont .cont ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 840px;
}
.follow-videos-cont .cont li {
	float: left;
	width: 200px;
	height: 244px;
	overflow: hidden;
	margin-right: 10px;
}
.follow-videos-cont .cont a {
	display: block;
	height: 214px;
	padding: 5px;
	background: #67727d;
	color: #ccc;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.follow-videos-cont .cont img {
	display: block;
}
.follow-videos-cont .cont .txt {
	display: block;
	height: 38px;
	margin: 12px 0;
	overflow: hidden;
}
.follow-videos-cont .cont i {
	display: block;
	width: 16px;
	height: 2px;
	overflow: hidden;
	background: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.follow-videos-cont .cont a:hover {
	background: #fff;
	color: #606162;
}
.follow-videos-cont .cont a:hover i {
	background: #606162;
}
.follow-videos-mask-bg {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.follow-videos-mask {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 101;
	width: 640px;
	height: 480px;
	margin: -245px 0 0 -325px;
	padding: 5px;
	background: #fff;
}

/* follow-more */
.follow-more {
	position: relative;
	height: 485px;
	background: #0154a0;
}
.follow-more .cont {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 542px;
	height: 110px;
	margin: -55px 0 0 -271px;
	text-align: center;
	font-size: 14px;
}
.follow-more .cont a {
	width: 222px;
	height: 110px;
	color: #95accd;
	line-height: 45px;
}
.follow-more .cont a:hover {
	color: #fff;
}
.follow-more .cont a span {
	display: block;
	width: 222px;
	height: 58px;
	background: url(../images/follow_face.jpg) no-repeat;
}
.follow-more .cont a:hover .face {
	background-position: 0 -58px;
}
.follow-more .cont a .app {
	background-position: 0 -116px;
}
.follow-more .cont a:hover .app {
	background-position: 0 -174px;
}
.follow-more .cont a.more span {
	background: url(../images/follow_face_m.jpg) no-repeat;
}
.follow-more .cont a.more:hover .taxi {
	background-position: 0 -58px;
}
.follow-more .cont a.more .volvo {
	background-position: 0 -116px;
}
.follow-more .cont a.more:hover .volvo {
	background-position: 0 -174px;
}


/* news-list */
.news-list {
	position: relative;
	width: 880px;
	height: 275px;
	margin-right: -40px;
	float: none;
}
.news-list ul {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}
.news-list li {
	float: left;
	width: 420px;
	margin-right: 10px;
	display: none;
	/*opacity: 0;
	filter: alpha(opacity=0);*/
}
.news-list-trigger {
	padding-top: 40px;
	text-align: center;
	font-size: 0;
}
.news-list-trigger .btn {
	display: inline-block;
	width: 19px;
	height: 31px;
	background: url(../images/news_list_btn.png) no-repeat;
	vertical-align: middle;
}
.news-list-trigger .prev:hover {
	background-position: 0 -31px;
}
.news-list-trigger .next {
	background-position: -19px 0;
}
.news-list-trigger .next:hover {
	background-position: -19px -31px;
}
.news-list-trigger .page {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 15px 0;
	vertical-align: middle;
}
.news-list-trigger .page span {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 0 3px;
	background: url(../images/why_geele_ico.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}
.news-list-trigger .page span:hover, .news-list-trigger .page span.cur {
	background: url(../images/why_geely_ico_hover.png) no-repeat;
}

/* news-info */
.news-info {
	position: relative;
	min-height: 500px;
	_height: 500px;
	padding: 58px 0 83px;
	background: #1c1c1c;
}
.news-info .top-back, .news-info .cont {
	position: relative;
	z-index: 9;
	margin: 0 auto;
}
.news-info .top-back {	
	width: 840px;
	height: 35px;
}
.news-info .top-back a {
	position: relative;
}
.news-info .top-back a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.news-info .top-back i {
	position: absolute;
	top: 5px;
	left: -12px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 5px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #fff;
}
.news-info .cont {
	width: 800px;
	padding: 30px;
	background: #fff;
	border-bottom: 7px solid #0067b2;
}
.news-info .cont-top {
	position: relative;
	width: 640px;
	padding: 0 160px 10px 0;
	border-bottom: 1px solid #e6e6e6;
}
.news-info .share-cont {
	position: absolute;
	top: 5px;
	right: 0;
	color: #888;
}
.news-info .cont-txt {
	padding: 30px 20px 50px;
	line-height: 24px;
}
.news-info .back {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 860px;
	height: 58px;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #fbfdfe;
	background: #ebebeb;
	color: #666;
	line-height: 58px;
}
.news-info .back:hover {
	background: #dbdbdb;
}

/* site map */
.site-map {
	position: relative;
	min-height: 600px;
	_height: 600px;
	padding: 58px 0 83px;
	background: #1c1c1c;
}
.site-map-cont {
	position: relative;
	width: 890px;
	height: 380px;
	margin: 35px auto 0;
	padding: 50px 0 0 50px;
	background: #fff;
}
.site-map-cont dl {
	position: relative;
	float: left;
	height: 30px;
	margin-right: 52px;
	border-bottom: 2px solid #e5e5e5;
}
.site-map-cont dt {
	margin-bottom: 10px;
}
.site-map-cont dt a {
	display: block;
	height: 30px;
	color: #444;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
}
.site-map-cont a:hover {
	color: #0067b2;
}
.site-map-cont dt i {
	position: absolute;
	top: 30px;
	left: 0;
	width: 0;
	height: 2px;
	overflow: hidden;
	background: #0067b2;
}
.site-map-cont dd a {
	padding-left: 14px;
	background: url(../images/site_map_ico.png) no-repeat -148px 3px;
	color: #666;
	font-weight: bold;
	line-height: 28px;
}
.site-map-cont dd a:hover {
	background-position: -98px -27px;
}
.site-map-cont .sub a {
	background-position: -50px -56px;
}
.site-map-cont .sub a:hover {
	background-position: 0 -86px;
}
.site-map-cont .cur a {	
	color: #0067b2;
	background-position: 0 -86px;
}
.site-map-cont .cur ul a {
	color: #666;
}
.site-map-cont .cur ul a:hover {
	color: #0067b2;
}
.site-map-cont ul {
	padding-left: 14px;
}
.site-map-cont .sub ul a {
	background: url(../images/site_map_ico02.png) no-repeat 3px 6px;
	font-weight: normal;
	line-height: 25px;
}
.site-map-cont .sub  ul a:hover {
	background-position: 3px -44px;
	text-decoration: underline;
}
.site-map-cont .w200 {
	width: 200px;
}
.site-map-cont .w78 {
	width: 78px;
}
.site-map-cont .w112 {
	width: 112px;
}
.site-map-cont .w120 {
	width: 120px;
}
.site-map-cont .w200 {
	width: 200px;
}

/* Follow Geely Video */
.video-info {
	position: relative;
	height: 715px;
	padding: 58px 0 83px;
	background: #1c1c1c;
}
.video-cont {
	position: relative;
	width: 830px;
	margin: 30px auto 0;
}
.video-cont .total {
	height: 20px;
	color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	text-align: right;
}
.video-cont .btn {
	position: absolute;
	top: 238px;
	z-index: 9;
	width: 19px;
	height: 31px;
	background: url(../images/why_history_btn.png) no-repeat;
}
.video-cont .btn:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
.video-cont .prev {
	left: -50px;
}
.video-cont .next {
	right: -50px;
	background-position: -19px 0;
}
.video-cont .cont {
	position: relative;
	width: 830px;
	height: 478px;
	overflow: hidden;
	margin: 0 auto;
}
.video-cont .wrap-ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 5000px;
}
.video-cont .cont ul {
	float: left;
	width: 840px;
}
.video-cont .cont li {
	position: relative;
	float: left;
	width: 200px;
	height: 244px;
	overflow: hidden;
	margin-right: 10px;
}
.video-cont .cont a {
	display: block;
	height: 214px;
	padding: 5px;
	background: #67727d;
	color: #ccc;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.video-cont .cont img {
	display: block;
}
.video-cont .cont .txt {
	display: block;
	height: 38px;
	margin: 12px 0;
	overflow: hidden;
}
.video-cont .cont i {
	display: block;
	width: 16px;
	height: 2px;
	overflow: hidden;
	background: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
}
.video-cont .cont a:hover {
	background: #fff;
	color: #606162;
}
.video-cont .cont a:hover i {
	background: #606162;
}
.video-mask-bg {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.video-mask {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 101;
	width: 640px;
	height: 480px;
	margin: -245px 0 0 -325px;
	padding: 5px;
	background: #fff;
}

/* History Mask */
.history-mask {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}
.history-mask .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}
.history-mask-cont {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9;
	width: 860px;
	height: 310px;
	margin: -100px 0 0 -430px;
	background: #fff;
}
.history-mask-cont .list {
	position: relative;
	width: 840px;
	height: 290px;
	overflow: hidden;
	margin: 10px;
}
.history-mask-cont li {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.history-mask-cont .img {
	float: left;
	width: 420px;
	height: 290px;
	margin-right: 20px;
}
.history-mask-cont .cont {
	float: left;
	width: 400px;
}
.history-mask-cont .tl {
	display: block;
	padding: 7px 0;
	border-bottom: 1px solid #e3e3e3;
	color: #0067b2;
	font-size: 18px;
	line-height: 24px;
}
.history-mask-cont .txt {
	height: 214px;
	overflow: hidden;
	margin: 10px 0;
}
.history-mask-cont .page-btn {
	height: 27px;
	padding: 15px 10px 0 0;
	border-top: 1px solid #e3e3e3;
}
.history-mask-cont .page-btn a {
	float: right;
	width: 25px;
	height: 25px;
	background: url(../images/page_btn.png) no-repeat;
}
.history-mask-cont .page-btn .down:hover {
	background-position: 0 -25px;
}
.history-mask-cont .page-btn .up {
	margin-left: 5px;
	background-position: -25px 0;
}
.history-mask-cont .page-btn .up:hover {
	background-position: -25px -25px;
}
.history-mask-cont .btn {
	position: absolute;
	top: 148px;
	width: 28px;
	height: 46px;
	background: url(../images/production_mask_btn.png) no-repeat;
}
.history-mask-cont .prev {
	left: -50px;
}
.history-mask-cont .prev:hover {
	background-position: 0 -46px;
}
.history-mask-cont .next {
	right: -50px;
	background-position: -28px 0;
}
.history-mask-cont .next:hover{
	background-position: -28px -46px;
}
.history-mask-cont .trigger {
	position: absolute;
	top: 350px;
	left: 0;
	width: 100%;
	text-align: center;
}
.history-mask-cont .trigger span {
	display: inline-block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin: 0 3px;
	background: url(../images/production_mask_trigger02.png) no-repeat;
	_background: #333;
	cursor: pointer;
}
.history-mask-cont .trigger .cur {
	background: url(../images/production_mask_trigger.png) no-repeat;
	_background: #fff;
}
.s_tec-main{
	width: 790px;
	height: 356px;
	padding-top: 54px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.s_tec-main h1{
	font-size: 30px;
	line-height: 68px;
}
.s_tec-main-detail{
	width: 484px;
	margin: 0 auto;
	line-height: 18px;
}
.s_tec-main-detail .sign{
	width: 20px;
	height: 2px;
	background: #fff;
	margin: 16px auto 20px;
}
.s_view-sign{
	width: 114px;
	height: 28px;
	font: bold 14px/28px Arial;
	color: #fff;
	border: 3px solid #fff;
	margin: 0 auto 30px;
	text-transform: uppercase;
	cursor: pointer;
}
.s_tec-list{
	width: 790px;
	height: 131px;
	margin: 0 auto;
	position: relative;
}
.s_tec-name{
	width: 160px;
	height: 70px;
	padding: 13px 15px 15px 13px;
	float: left;
	background: url(../images/s_img01.jpg) no-repeat;
}
.s_tec-name .sign{
	width: 18px;
	height: 3px;
	background: #fff;
	float: right;
	margin-top: 10px;
}
.s_tec-name h2{
	width: 100%;
	font-size: 14px;
	line-height: 32px;
	color: #fff;
	float: right;
}
.s_tec-name .s_tec-btn{
	width: 65px;
	height: 25px;
	padding-left: 25px;
	background: url(../images/s_img02.jpg) no-repeat;
	float: right;
	font: 12px/25px Arial;
	color: #666;
	cursor: pointer;
}
.s_tec-change-box{
	width: 590px;
	height: 131px;
	float: right;
	position: relative;
}
.s_tec-change{
	width: 590px;
	height: 100px;
	float: left;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.s_tec-change ul{
	float: left;
	min-width: 600px;
}
.s_tec-change li{
	width: 190px;
	height: 100px;
	float: left;
	margin-right: 10px;
	display: inline;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.s_tec-change li .sign{
	width: 39px;
	height: 39px;
	background: url(../images/s_img04.png) no-repeat;
	position: absolute;
	left: 77px;
	top: -39px;
	z-index: 25;
}
.s_tec-change li .bg{
	width: 190px;
	height: 100px;
	background: url(../images/s_img05.png) no-repeat;
	position: absolute;
	left: 0;
	bottom: -100px;
	z-index: 20;
}
.s_tec-change-btn{
	width: 51px;
	height: 21px;
	float: right;
}
.s_tec-change-btn div{
	width: 21px;
	height: 21px;
	cursor: pointer;
}
.s_tec-change-btn .btn-prev{
	background: url(../images/s_img07.jpg) no-repeat;
	float: left;
}
.s_tec-change-btn .btn-next{
	background: url(../images/s_img06.jpg) no-repeat;
	float: right;
}
.s_tec-change-btn .btn-prev.hover,.s_tec-change-btn .btn-next.hover{
	background-position: 0 -21px;
}
.s_tec-box{
	width: 840px;
	height: 315px;
	padding: 10px;
	background: #fff;
	position: absolute;
	left: -235px;
	bottom: 0;
	z-index: 50;
	display: none;
}
.s_tec-box-img{
	width: 420px;
	height: 315px;
	position: relative;
	float: left;
	overflow: hidden;
}
.s_tec-box-img li{
	width: 420px;
	height: 315px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
}
.s_tec-box-img .btn{
	height: 9px;
	position: absolute;
	left: 50%;
	bottom: 14px;
	z-index: 20;
}
.s_tec-box-img .btn span{
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(../images/s_img09.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
	margin-left: 5px;
}
.s_tec-box-img .btn span.on{
	background-position: 0 -9px;
}
.s_tec-box-intro{
	width: 393px;
	height: 315px;
	float: right;
	margin-right: 8px;
	display: inline;
	text-align: left;
}
.s_tec-box-intro h2{
	font-size: 18px;
	line-height: 24px;
	color: #0067b2;
	padding: 7px 0;
	border-bottom: 1px solid #e3e3e3;
}
.s_tec-box-scroll{
	width: 393px;
	height: 192px;
	margin: 12px 0 20px;
	line-height: 16px;
	color: #666;
	position: relative;
	overflow: hidden;
}
.s_tec-box-scrollin{
	position: absolute;
	left: 0;
	top: 0;
}
.s_tec-box-intro .btn{
	border-top: 1px solid #e3e3e3;
	padding-top: 15px;
	height: 25px;
	text-align: right;
}
.s_tec-box-intro .btn div{
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url(../images/page_btn.png) no-repeat;
	float: right;
	margin-left: 5px;
	display: inline;
}
.s_tec-box-intro .btn .btn-prev:hover {
	background-position: 0 -25px;
}
.s_tec-box-intro .btn .btn-next {
	background-position: -25px 0;
}
.s_tec-box-intro .btn .btn-next:hover {
	background-position: -25px -25px;
}
.s_tec-close{
	width: 40px;
	height: 40px;
	position: absolute;
	right: -55px;
	top: 10px;
	z-index: 20;
	background: url(../images/mask_close.png) no-repeat;
	cursor: pointer;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}