@charset "utf-8";
body{font-family:"Helvetica Neue", 'Microsoft Yahei', Helvetica, Arial,  sans-serif, 'Simsun';}
html,body,div,span,b,i,table,h1,h2,h3,h4,h5,h6,p,pre,a,del,em,img,q,small,li,ol,ul,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:none;font-weight:normal;font-style:normal;-webkit-text-size-adjust:none;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li{list-style:none;}
a{text-decoration:none;}

q:before,q:after,blockquote:before,blockquote:after{content:"";}
.clear:before,.clear:after{content:".";display:block;height:0;visibility:hidden;}
.clear:after{clear:both;}
.clear{*zoom: 1;}

html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:hover,a:active{outline:0;}
img{border:none;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;*overflow:visible;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;resize:none;}

.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.bd{border:1px solid red;}
.cw{color:#fff;}
.cl{clear:left;}
.cr{color:#f00;}
.cp{cursor:pointer;}
.db{display:block;}
.fb{font-weight:bold;}
.noborder{border:none!important;}
.nomargin{margin:0!important;}
.overflow{overflow:hidden;}
.indent{text-indent:2em;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.pr{position:relative;}
.pa{position:absolute;}
.pf{position:fixed;_position:absolute;}
.zoom{zoom:1;}
.hide{visibility:hidden;}
.none{display:none;}
.ft10{font-size:10px;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft15{font-size:15px;}
.ft18{font-size:18px;}
.ft24{font-size:24px;}
.ft30{font-size:30px;}
.mt12{margin-top:12px;}
.mb30{margin-bottom:30px!important;}
.ml20{margin-left:20px;}
.center{margin-left:auto;margin-right:auto;}

/*slider*/
.slider-bin,.slider-container div{width:200px;height:150px;}
.slider-container div{display:table-cell;vertical-align:middle;text-align:center;*font-size:131px;*font-family:'Arial';*float:left;*display:inline;width: 1000px;height: 371px;}
.slider-container img{vertical-align:middle;}
.slider-bin{overflow:hidden;position:relative;}
.slider-container{width:9999999px;position:relative;}
.slider-bin ul{position:absolute;bottom:10px;right:10px;visibility:hidden;}
.slider-bin li{background:#fff;color:#000;font-size:12px;float:left;display:inline;width:20px;height:20px;text-align:center;line-height:20px;border-radius:10px;cursor:pointer;margin-right:5px;opacity:0.6;filter:alpha(opacity=60);}
.slider-bin li.curr{background:#000;color:#fff;}
.slider-prev,.slider-next{background:url(img/slider.png) no-repeat;width:30px;height:30px;position:absolute;top:50%;z-index:1000;left:10px;text-indent:-999em;}
.slider-next{background-position:-30px 0;left:auto;right:10px;}
/*nav*/
body{
	background: url(../images/nav/bg.jpg) repeat;
}
.header,.footer{
	min-width: 1000px;
}
.header{
	background: #fff;
	height: 109px;
	border-bottom: 2px solid #fd7817;
}
.wrapper{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.nav-func{
	margin: 15px 0 11px;
	height: 18px;
}
.nav-func .jiathis_style a{
	float: left;
	color: #7dbb26;
	margin: 0 2px;
}
.nav-func .jiathis_style a.jiathis_txt{
	margin-right: 10px;
}
.nav-func .jiathis_style{
	margin-right: 20px;
}
.reg,.login,.wb,.index,.learn,.join,.news,.contact,.caret,.nav ul a{
	background: url(../images/nav/nav.png) no-repeat;
}
.reg,.login,.wb{
	height: 17px;
	color: #fff;
	text-align: center;
	line-height: 17px;
}
.reg,.login{
	background-position: -125px -135px;
	width: 50px;
}
.wb{
	background-position: 0 -135px;
	width: 120px;
}
.login{
	margin: 0 10px 0 20px;
}
.user-icon{
	width: 23px;
	height: 23px;
	margin: -3px 5px 0;
}
.user-name,.user-name a{
	color: #545454;
}
.user-name,.speech{
	margin: 0 5px;
}
.index,.learn,.join,.news,.contact{
	width: 157px;
	height: 65px;
}
.learn{
	background-position: -157px 0;
}
.join{
	background-position: -314px 0;
}
.news{
	background-position: -471px 0;
}
.contact{
	background-position: -628px 0;
}
.learn:hover,.learn.active{
	background-position: -157px -65px;
}
.join:hover,.join.active{
	background-position: -314px -65px;
}
.news:hover,.news.active{
	background-position: -471px -65px;
}
.nav a{
	display: block;
	width: 157px;
	height: 25px;
	color: #00703b;
	font: bold 15px "Microsoft Yahei","SimHei";
	text-align: center;
	padding-top: 40px;
}
.learn:hover a,
.join:hover a,
.news:hover a,
.active a{
	color: #fff;
}
.learn,.join,.news,.nav div.pa{
	z-index: 10;
}
.nav .caret{
	background-position: -700px -177px;
	width: 157px;
	height: 10px;
	display: block;
	z-index: 10;
}
.nav ul{
	width: 155px;
	border: 1px solid #ddd;
	margin-top: -1px;
}
.nav ul li{
	background-color: #fff;
	text-align: center;
	color: #64ab00;
	font: bold 14px/30px "Microsoft Yahei";
	height: 30px;
}
.nav ul a{
	background-color: #f1f1f1;
	background-position: 26px -170px;
	font-size: 12px;
	padding: 0 0 0 45px;
	width: 110px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	color: #444!important;
}
.nav ul a:hover{
	background-color: #f6f6f6;
}
.learn ul a:hover{
	/*background-position: -494px -170px;*/
	background-color: #97e132;
}
.join ul a:hover{
	/*background-position: -134px -170px;*/
	background-color: #faef00;
}
.news ul a:hover{
	/*background-position: -314px -170px;*/
	background-color: #ffb93d;
}
.nav li:hover div.pa{
	display: block;
}
.titles{
	background: url(../images/index/index-title.png) no-repeat;
	position: absolute;
	width: 152px;
	height: 36px;
	top: 10px;
	left: -5px;
	font: bold 15px/2 "Microsoft Yahei";
	text-align: center;
	display: block;
}
.titles a{
	font: 12px/27px "Microsoft Yahei";
	color: #fff;
	height: 30px;
	top: 0;
	right: -14px;
}
.index-left .titles a{
	background: url(../images/index/title1.jpg);
	width: 39px;
}
.news-box .titles a{
	background: url(../images/index/title2.jpg);
	width: 40px;
}

.footer-top{
	background-color: #f4f4f4;
	padding: 30px 0;
	color: #474747;
}
.footer-bot{
	background-color: #e2e2e2;
	padding: 25px 0;
	line-height: 1.9;
}
.footer-bot,.footer-bot a{
	color: #533d3a;
}
.breadcrumb{
	margin: 25px 0;
}
.breadcrumb span{
	font-family: 'Simsun';
}
.breadcrumb a{
	color: #959595;
}
.breadcrumb li{
	display: inline;
	color: #585959;
}
.shadow{
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.1),-1px -1px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.1),-1px -1px 10px rgba(0,0,0,0.1);
	-o-box-shadow: 1px 1px 10px rgba(0,0,0,0.1),-1px -1px 10px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.2),-1px -1px 10px rgba(0,0,0,0.1);
}

/*login & register*/
#layer{
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: fixed;
	_position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 100;
	display: none;
}
.abs-center{
	position: fixed;
	_position: absolute;
	left: 50%;
	top: 50%;
	z-index: 101;
}
.close-btn,.pop-box h2,.login-submit,.login-reg,.reg-member,.reg-submit,.ideas-submit{
	background: url(../images/login.jpg) no-repeat;
}
.close-btn{
	background-position: -380px -80px;
	width: 17px;
	height: 17px;
	position: absolute;
	right: 2px;
	top: 2px;
	text-indent: -299em;
}
.user-box{
	background: #fafafa;
	width: 434px;
	margin: -130px 0 0 -247px;
	border: 2px solid #d0d0d0;
	padding: 15px 30px;
	color: #fff;
	font-size: 14px;
}
.pop-box{
	background: #c3d62d url(../images/pop-box.jpg) no-repeat 0 100%;
	width: 434px;
	padding-bottom: 10px;
}
.pop-box h2{
	background-position: 0 -32px;
	width: 450px;
	height: 47px;
	margin-left: -16px;
	text-align: center;
	font: 21px/32px "Microsoft Yahei";
	color: #fff;
	text-indent: 12px;
}
.user-box .clear{
	margin: 10px 0;
}
.user-box label{
	width: 85px;
	text-align: right;
	float: left;
	margin: 3px 0 0 27px;
}
.user-box input{
	width: 252px;
	height: 25px;
	line-height: 25px;
	font: inherit;
	padding: 0 4px;
}
input.login-submit,input.login-reg,input.reg-submit,input.ideas-submit{
	width: 102px;
	height: 24px;
	border: 0;
}
input.login-submit,input.reg-submit,input.ideas-submit{
	background-position: 0 -139px;
	color: #fff;
}
input.login-reg{
	background-position: -116px -139px;
	color: #91a018;
	margin-left: 10px;
}
.pop-box .jiathis_style{
	margin-top: 3px;
}
.reg-member{
	background-position: 0 -79px;
	width: 265px;
	height: 30px;
	text-indent: -299em;
	padding-left: 110px;
}
.reg-member li{
	width: 81px;
	height: 30px;
	float: left;
	margin-right: 5px;
	cursor: pointer;
}
.enterprise{
	background-position: 0 -109px;
}
#reg-code{
	width: 124px;
}

/*pager*/
.pager{
	margin: 20px 0;
}
.pager a{
	color: #6e6e6e;
	padding: 2px 7px;
}
.pager .pager-curr,.pager a:hover{
	background-color: #8fd72b;
	color: #fff;
}
.pager .pager-prev,.pager .pager-next{
	background: url(../images/collects/collects-icon.png) -144px -70px no-repeat;
	width: 7px;
	height: 15px;
	font-size: 0;
	*font-size: 12px;
	*line-height: 0;
	*text-transform: capitalize;
	display: inline-block;
	vertical-align: top;
}
.pager .pager-next{
	background-position: -157px -70px;
}
.pager .pager-prev:hover,.pager .pager-next:hover{
	background-color: transparent;
}

/*img-center*/
.img-center{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	*display: block;
	*font: 288px "Airal";
}
.img-center img{
	vertical-align: middle;
}

/*main*/

/*history*/
.history-bin{
	margin-top: 40px;
}
.history-bin img{
	display: block;
}
.history-bin a{
	position: absolute;
	z-index: 2;
}
.history-more1{
	bottom: -20px;
	right: 95px;
}
.history-more2{
	left: 80px;
	bottom: 100px;
}
.history-more3{
	right: 93px;
	bottom: -17px;
}
.history-more4{
	right: 105px;
	bottom: -20px;
}

/*videos*/
.video-bin{
	width: 1046px;
}
.video{
	background: #f4f4f4;
	width: 593px;
	height: 343px;
	margin-left: 8px;
	padding: 56px 21px 6px;
}
.video .titles{
	left: -8px;
}
.video-info{
	background: url(../images/videos/video-info.png) no-repeat;
	width: 253px;
	height: 275px;
	padding: 110px 95px 20px 55px;
	color: #005752;
}
.video-info .titles{
	background-position: -3px 0;
	position: static;
	width: 113px;
	height: 30px;
	margin-left: -25px;
	color: #000;
}
.video-info h3{
	margin: 25px 0;
	font-size: 14px;
	font-weight: bold;
}
.video-info p{
	height: 135px;
	overflow: auto;
}
.video-info a{
	margin-top: 5px;
	color: #005752;
}
.video-info b{
	font-family: "Airal";
}
.video-info a:hover{
	color: #91d335;
}
.video-nav{
	background: url(../images/videos/video-nav.png) no-repeat;
	width: 975px;
	height: 47px;
	margin-left: 8px;
	padding: 12px 63px 12px 0;
}
.video-nav li,.video-nav a{
	width: 100px;
	height: 47px;
}
.video-nav li{
	float: left;
	border-right: 1px dotted #bbc9a6;
}
.video-nav a{
	display: block;
	color: #005752;
	font: bold 12px/47px "Microsoft Yahei";
}
.video-curr,.video-list{
	background: url(../images/videos/video-bg.jpg) repeat-x;
}
.video-curr a,.projects h2,.news-bin h2{
	color: #fff;
}
.video-list{
	background-color: #f4f4f4;
	background-position: 0 -47px;
	width: 860px;
	height: 445px;
	margin-left: 19px;
	padding: 35px 50px 35px 44px;
	overflow: hidden;
}
.video-list li{
	width: 253px;
	height: 178px;
	float: left;
	margin: 16px;
	position: relative;
}
.video-list p{
	color: #005752;
	font: bold 14px/35px "Microsoft Yahei";
}
.video-play{
	background: url(../images/play.png) no-repeat;
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -56px 0 0 -40px;
}

/*origin*/
.origin-box{
	background: url(../images/origin/origin-box.png) no-repeat;
	width: 960px;
	height: 155px;
	padding: 50px 20px 30px;
	overflow: auto;
}
.origin-box .titles{
	left: -1px;
}
.origin-box p,.team p,.team-prize p,.team-vision,.team-prize,.team-prize ul{
	line-height: 2;
}
.origin-box p,.team p,.team-prize p,.projects p,.news-bin h2{
	text-indent: 2em;
}
.origin-box b{
	color: #e60012;
}

/*team*/
.team,.team-vision,.team-prize{
	background: url(../images/team/team-bg.png) no-repeat;
}
.team{
	width: 570px;
	height: 251px;
	padding: 51px 40px 30px 36px;
}
.team img{
	float: left;
	margin: 0 15px 15px 0;
}
.team-vision{
	background-position: 100% 0;
	width: 313px;
	height: 253px;
	padding: 43px 10px 30px 30px;
}
.team-destiny{
	margin-top: 80px;
}
.team-destiny .titles{
	top: 165px;
}
.team-prize{
	background-position: 0 -330px;
	width: 940px;
	height: 555px;
	padding: 65px 30px 30px;
}
.team-prize ul{
	margin-left: 2em;
	border-bottom: 1px dashed #75bb37;
	padding-bottom: 20px;
}
.team .titles,.team-vision .titles,.team-prize .titles{
	left: 0;
}
.team-vision .titles{
	width: 90px;
}
.team-header{
	background: url(../images/team/team-header.png) no-repeat;
	width: 985px;
	padding-top: 365px;
	font-size: 16px;
	padding-left: 8px;
	margin-bottom: 45px;
}
.team-header li{
	width: 280px;
	margin: 0 20px;
}
.team-header h2{
	font-size: 16px;
	line-height: 40px;
	white-space: nowrap;
}
.team-hd1{
	color: #4eb3de;
}
.team-hd2{
	color: #ad2d2f;
}
.team-hd3{
	color: #80b694;
}
.team-header a{
	background: url(../images/team/team-archor.png) no-repeat;
	width: 135px;
	height: 42px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 42px;
	text-align: center;
	color: #fff;
	margin: 10px 0;
}
.team-hd2 a{
	background-position: 0 -42px;
}
.team-hd3 a{
	background-position: 0 -84px;
}

/*projects*/
.projects p{
	line-height: 20px;
}
.project1{
	background: url(../images/projects/project1.png) no-repeat;
	width: 510px;
	height: 140px;
	padding: 80px 380px 130px 110px;
}
.project2{
	background: url(../images/projects/project2.png) no-repeat;
	width: 245px;
	height: 210px;
	padding: 80px 440px 30px 315px;
}
.project3{
	background: url(../images/projects/project3.png) no-repeat;
	width: 300px;
	height: 161px;
	padding: 100px 540px 70px 160px;
}
.project4{
	background: url(../images/projects/project4.png) no-repeat;
	width: 310px;
	height: 200px;
	padding: 110px 115px 25px 625px;
}
.project5{
	background: url(../images/projects/project5.png) no-repeat;
	width: 315px;
	height: 200px;
	padding: 150px 540px 70px 145px;
}
.projects h2{
	background: url(../images/projects/project-title.png) no-repeat;
	position: absolute;
	font-size: 16px;
	padding-left: 20px;
}
.projects h2 span{
	font-size: 12px;
}
.project1 h2,.project2 h2{
	padding-top: 4px;
	width: 227px;
	height: 49px;
}
.project1 h2{
	left: 426px;
	top: 16px;
}
.project2 h2{
	background-position: 0 -53px;
	left: 234px;
	top: 18px;
}
.project3 h2{
	background-position: 0 -106px;
	padding-top: 4px;
	width: 181px;
	height: 70px;
	left: 78px;
	top: 11px;
}
.project4 h2,.project5 h2{
	background-position: 0 -180px;
	width: 159px;
	height: 53px;
	line-height: 46px;
	left: 854px;
	top: 21px;
}
.project5 h2{
	background-position: 0 -233px;
	left: 70px;
	top: 70px;
}

/*news*/
.news-bin{
	background-color: #f6f6f6;
	width: 955px;
	height: 620px;
	padding: 60px 10px 20px 35px;
}
.news-bin h2{
	background: url(../images/news-title.png) no-repeat;
	width: 344px;
	height: 48px;
	position: absolute;
	font: 22px/40px "Microsoft Yahei";
	left: -12px;
	top: 12px;
}
.news-bin a{
	color: #303030;
}
.news-bin a:hover{
	color: #ffb027;
}
.news-bin ul{
	width: 955px;
	height: 620px;
	overflow: auto;
}
.news-bin li{
	overflow: hidden;
	margin: 20px 0;
}
.news-bin span{
	width: 90px;
	float: left;
	_display:inline;
	margin-right: 20px;
}

/*join-list*/
.join-list li{
	width: 183px;
	height: 245px;
	float: left;
	_display:inline;
	margin: 0 8px;
}
.join-list div{
	background: url(../images/join/join-list.png) no-repeat;
	width: 155px;
	height: 84px;
	padding: 15px 14px;
	position: relative;
	top: -7px;
	*top: -12px;
	color: #fff;
}
.join-list img{
	border: 1px solid #f3f3f3;
	padding: 3px;
	background: #fff;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
	-webkit-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	transform:rotate(-2deg);

	/* IE8+ - must be on one line, unfortunately */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9993908270190958, M12=0.03489949670250033, M21=-0.03489949670250033, M22=0.9993908270190958, SizingMethod='auto expand')";

	*filter: progid:DXImageTransform.Microsoft.Matrix(
		M11=0.9993908270190958,
		M12=0.03489949670250033,
		M21=-0.03489949670250033,
		M22=0.9993908270190958,
		SizingMethod='auto expand');

	margin-left: -5px\9;
	margin-top: -6px\9;
}
.join-list .join2{
	background-position: -199px 0;
}
.join-list .join3{
	background-position: -398px 0;
}
.join-list .join4{
	background-position: -597px 0;
}
.join-list .join5{
	background-position: -796px 0;
}
.join-list h3,.join-list em{
	font-size: 21px;
}
.join-list .pa{
	left: 14px;
	bottom: 6px;
}
.join-list em{
	margin: 0 5px;
}

/*downloads*/
.downloads{
	background: url(../images/downloads/down-bg.jpg) no-repeat;
}
.downloads .titles{
	height: 40px;
	line-height: 34px;
	left: -10px;
}
.downloads h3{
	font-size: 14px;
}
.download-book{
	background: none;
	width: 1001px;
	height: 685px;
	margin-bottom: 11px;
}
.download-book .titles,.contrast .titles{
	background-position: 0 -108px;
}
.download-book h3{
	text-indent: -299em;
	height: 0;
}
.download-btn,.contrast-i,.contrast-v,.contrast-before,.contrast-after,.contrast-share,.logout,.speech,.video-back{
	background: url(../images/index/index-title.png) no-repeat;
}
.download-btn{
	background-position: -70px -268px;
	width: 65px;
	height: 23px;
	display: inline-block;
	color: #fff;
	text-align: center;
	font: bold 14px/23px "Microsoft Yahei";
}
.download-book .download-btn{
	background-position: 0 -268px;
	color: #259fed;
	font-size: 15px;
}
.down2010,.down2011{
	width: 137px;
	height: 23px;
}
.down-relay{
	left: 450px;
	top: 175px;
}
.down2011{
	left: 480px;
	top: 312px;
}
.down2010{
	left: 445px;
	top: 445px;
}
.download-meta{
	background-position: 0 -623px;
	width: 292px;
	height: 251px;
	margin-bottom: 20px;
	padding: 61px 111px 0px 107px;
}
.download-meta .titles{
	background-position: 0 -148px;
}
.download-meta h3{
	margin: 27px auto 0;
	width: 170px;
}
.download-music{
	background-position: -525px -623px;
	width: 477px;
	height: 312px;
}
.download-music .tc{
	margin: 135px 0 0 322px;
}
.download-music .titles{
	background-position: 0 -188px;
}
.download-wall{
	background-position: 0 -950px;
	width: 1000px;
	height: 346px;
}
.download-wall .titles{
	background-position: 0 -228px;
}

.download-slides{
	width: 530px;
	margin-left: 12px;
	margin-top: 110px;
}
.download-slides li{
	float: left;
	_display:inline;
	width: 146px;
	margin: 0 4px;
}
.download-slides .cp{
	width: 146px;
	height: 90px;
}
.download-slides p{
	margin: 5px 0;
}
.download-bin{
	width: 465px;
	height: 145px;
	margin: 0 auto;
}
.download-container{
	width: 999999em;
	position: relative;
}
.prev,.next{
	background: url(../images/downloads/down-btns.png) no-repeat;
	position: absolute;
	display: block;
	text-indent: -299em;
}
.down-prev,.down-next{
	width: 20px;
	height: 23px;
	top: 45px;
}
.down-prev{
	background-position: 0 -47px;
	left: 0;
}
.down-next{
	background-position: -20px -47px;
	right: 0;
}
#download-preview{
	float: right;
	margin: 71px 77px 0 0;
}

/*collects*/
.collects-form{
	width: 865px;
	color: #3cb0e1;
}
.collects-form h2{
	background: url(../images/collects/collects-title.png) no-repeat;
	width: 865px;
	height: 44px;
	text-indent: -299em;
	margin-bottom: 30px;
}
.collects-form label{
	width: 100px;
	text-align: right;
	float: left;
	_display: inline;
	margin: 3px 12px 0 0;
	cursor: pointer;
	font-weight: bold;
}
.collects-form input{
	height: 23px;
	*line-height: 25px;
	border: 1px solid #d7d7d7;
	font-family: inherit;
	padding: 0 4px;
}
.collects-form .clear{
	margin: 10px 0;
}
.collects-form select{
	width: 115px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #d7d7d7;
}

.collects-step1 .center{
	width: 466px;
}
.collects-step1 input{
	width: 240px;
}
.collects-step2 h2{
	background-position: 0 -44px;
}
.collects-step2 .center{
	width: 660px;
}
.collects-step2 input{
	width: 536px;
}
.collects-step2 input.file-btn{
	height: 27px;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	left: 111px;
	top: 0;
}
.collects-step2 .fb{
	float: left;
	margin: 3px 5px 0 0;
}
.collects-step2 .collects-file{
	width: 365px;
}
.collects-step2 .mt20{
	margin-top: 20px;
}
.collects-choose{
	width: 70px;
	height: 60px;
	float: left;
	margin: 0 5px;
	position: relative;
}
.collects-choose span{
	width: 64px;
	height: 54px;
	display: block;
	position: absolute;
}
.chosen span{
	border: 3px solid #3cb0e1;
}
.collects-btn,.collects-prev,.collects-next,.collects-form a.ft12,.collects-box .titles,.collects-vote,.actions-btn{
	background: url(../images/collects/collects-icon.png) no-repeat;
	color: #fff;
	display: inline-block;
}
.collects-btn{
	background-position: -105px -40px;
	width: 72px;
	height: 24px;
}
.collects-prev,.collects-next{
	background-position: 0 -40px;
	width: 102px;
	height: 24px;
	line-height: 24px;
}
.collects-step3 h2{
	background-position: 0 -88px;
}
.collects-step3 .center{
	width: 445px;
}
.collects-step3 input{
	width: 320px;
}
.collects-step3 input.collects-next{
	width: 102px;
	border: 0;
	padding: 0;
	height: 24px;
	vertical-align: top;
}
.collects-form a.ft12{
	background-position: -70px -70px;
	width: 74px;
	height: 17px;
	line-height: 17px;
}
.collects-box{
	background: url(../images/collects/collects-bg.png) no-repeat;
	width: 942px;
	height: 330px;
	padding: 40px 29px;
}
.collects-box .titles{
	left: -2px;
	top: 15px;
}
.collects-box li{
	width: 210px;
	height: 292px;
	float: left;
	_display: inline;
	margin: 15px 12px 0;
}
.collects-box img,.collects-info{
	background: url(../images/collects/collects-list.jpg) no-repeat;
}
.collects-box img{
	width: 196px;
	height: 141px;
	padding: 7px;
}
.collects-box .overflow{
	width: 196px;
	padding: 0 7px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.collects-info{
	background-position: 0 -171px;
	padding: 12px;
}
.collects-info,.collects-info p{
	width: 186px;
	height: 71px;
}
.collects-info p{
	overflow: auto;
}
.collects-vote{
	background-position: 0 -70px;
	width: 66px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	text-indent: 1em;
}

/*ideas*/
.ideas-btn,.ideas li{
	background-image: url(../images/ideas/ideas.png);
}
.ideas-btn{
	background-position: -290px -565px;
	width: 258px;
	height: 43px;
	display: block;
	color: #fff;
	text-align: center;
	text-indent: 1em;
	font: 21px/2 "Microsoft Yahei";
	position: relative;
	z-index: 9;
}
.ideas,.ideas ul,.ideas-container{
	height: 980px;
	position: relative;
}
.ideas,.ideas ul{
	width: 1000px;
}
.ideas-container{
	width: 99999em;
}
.ideas ul{
	float: left;
}
.ideas{
	top: -33px;
	line-height: 22px;
}
.ideas-prev,.ideas-next{
	width: 38px;
	height: 46px;
	top: 50%;
}
.ideas-prev{
	left: -50px;
}
.ideas-next{
	background-position: -38px 0;
	right: -50px;
}
.ideas li{
	position: absolute;
}
.ideas h2,.ideas .pa{
	font: bold 14px "Microsoft Yahei";
}
.ideas h2{
	line-height: 2.8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ideas .pa{
	color: #0057ce;
	z-index: 2;
}
.ideas1,.ideas5{
	width: 196px;
	height: 245px;
	left: 43px;
	padding: 47px 47px 0;
}
.ideas1 .pa,.ideas5 .pa{
	left: 125px;
	bottom: 74px;
}
.ideas2,.ideas6{
	background-position: -290px 0;
	width: 195px;
	height: 206px;
	left: 404px;
	padding: 96px 157px 0 48px;
}
.ideas2 .pa,.ideas6 .pa{
	left: 120px;
	bottom: 35px;
}
.ideas3,.ideas7{
	background-position: -290px -302px;
	width: 197px;
	height: 193px;
	left: 150px;
	padding: 70px 33px 0 170px;
}
.ideas3 .pa,.ideas7 .pa{
	left: 265px;
	bottom: 29px;
}
.ideas4,.ideas8{
	background-position: 0 -292px;
	width: 198px;
	height: 208px;
	left: 644px;
	padding: 96px 46px 0;
}
.ideas4 .pa,.ideas8 .pa{
	left: 110px;
	bottom: 40px;
}
.ideas1{
	top: 96px;
	z-index: 8;
}
.ideas2{
	top: 0;
	z-index: 7;
}
.ideas3{
	top: 248px;
	z-index: 6;
}
.ideas4{
	top: 150px;
	z-index: 5;
}
.ideas5{
	top: 556px;
	z-index: 4;
}
.ideas6{
	top: 460px;
	z-index: 3;
}
.ideas7{
	top: 708px;
	z-index: 2;
}
.ideas8{
	top: 610px;
	z-index: 1;
}
.ideas-box textarea{
	width: 254px;
	height: 96px;
	font: inherit;
	padding: 4px;
}
.ideas-details{
	width: 500px;
	margin: -250px 0 0 -250px;
	font-size: 12px;
}
.ideas-details h2,.ideas-bot{
	background: url(../images/ideas/ideas-bg.jpg) no-repeat;
}
.ideas-details h2{
	width: 445px;
	height: 19px;
	padding: 70px 25px 0 30px;
	font: bold 14px "Microsoft Yahei";
}
.ideas-bot{
	width: 500px;
	background-position: 0 -89px;
	height: 43px;
}
.ideas-text p{
	width: 445px;
	background: url(../images/ideas/ideas-details.jpg) repeat-y;
	line-height: 28px;
	padding: 0 25px 0 30px;
}
.ideas-container p,.ideas-text p{
	word-wrap: break-word;
	word-break: break-all;
}
.ideas-container div{
	width: 196px;
	height: 130px;
	overflow: hidden;
}

/*actions*/
.actions h2{
	background: url(../images/actions/actions-title.png) no-repeat;
	width: 1000px;
	height: 60px;
	text-indent: -299em;
}
.actions .actions-pallet{
	background-position: 0 -60px;
}
.actions p{
	margin: 10px 0;
}
.actions-btn{
	background-position: 0 -98px;
	width: 122px;
	height: 27px;
	font-size: 15px;
	line-height: 27px;
	right: 0;
	bottom: 5px;
}
.actions-box{
	width: 971px;
}
.actions-details{
	background: #ebebeb;
	width: 969px;
	height: 370px;
	padding: 1px;
}
.actions-box li{
	float: left;
	cursor: pointer;
	border-left: 1px solid #ebebeb;
	opacity: 0.8;
	filter:alpha(opacity=80);
	-webkit-transition:all .2s;
	transition:all .2s;
}
.actions-box li:hover{
	opacity: 1;
	filter:alpha(opacity=100);
}
.actions-box li img{
	width: 193px;
	height: 132px;
}

/*contrast*/
.contrast{
	background: url(../images/contrast/contrast-bg.png) no-repeat;
	width: 926px;
	height: 818px;
	padding-top: 60px;
}
.contrast .titles{
	width: auto;
	height: 40px;
	padding-left: 25px;
	left: 3px;
	font: normal 18px/34px "Microsoft Yahei";
}
.contrast .titles span{
	background: #99db3c;
	display: block;
	padding-right: 25px;
}
.contrast-box{
	width: 600px;
	height: 380px;
}
.contrast-bin,.contrast-bin .img-center{
	width: 500px;
	height: 350px;
}
.contrast-bin .img-center{
	*font-size: 274px;
}
.contrast-i,.contrast-v{
	width: 73px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	color: #fff;
	position: absolute;
	right: 0;
}
.contrast-i:hover,.contrast-v:hover,.contrast-share:hover{
	color: #000;
}
.contrast-i,.contrast-v{
	background-position: -73px -355px;
}
.contrast-i{
	top: 136px;
}
.contrast-v{
	top: 176px;
}
.contrast-curr{
	background-position: 0 -355px;
}
.contrast-box p{
	line-height: 30px;
}
.contrast-slider{
	width: 725px;
	height: 315px;
	margin-top: 40px;
}
.contrast-before,.contrast-after{
	width: 124px;
	height: 32px;
	text-align: center;
	color: #fff;
	font: 16px/30px "Microsoft Yahei";
}
.contrast-before,.contrast-after{
	background-position: 0 -291px;
}
.contrast-before{
	margin: 0 210px 0 130px;
}
.contrast-active{
	background-position: 0 -323px;
}
.contrast-prev,.contrast-next{
	width: 13px;
	height: 25px;
	top: 135px;
	padding: 5px;
}
.contrast-prev{
	left: 0;
	background-position: -39px -46px;
}
.contrast-next{
	background-position: -58px -43px;
	right: 0;
}
.contrast-slides{
	margin: 8px auto 23px;
}
.contrast-slides,.contrast-slides li{
	width: 660px;
	height: 219px;
}
.contrast-slides ul{
	position: relative;
	width: 9999em;
}
.contrast-slides li{
	float: left;
}
.contrast-slides img{
	float: left;
	_display: inline;
	margin: 0 8px;
}
.contrast-share{
	background-position: 0 -378px;
	width: 93px;
	height: 30px;
	color: #fff;
	text-align: center;
	font-size: 17px;
	line-height: 30px;
	display: block;
	margin: 0 auto;
}

/* map */
.map{
	width: 930px;
	overflow: hidden;
}
.map-brush,.map-collect{
	position: absolute;
	background: #e4e4e4;
	color: #959595;
	font-size: 18px;
	padding: 8px 53px;
	font-weight: bold;
	top: 0;
	left: 0;
	z-index: 2;
}
.map-collect{
	top: 50px;
}
.map-selected{
	background: #9fe242;
	color: #fff;
}
.map-feet{
	margin-left: 160px;
}
.map-feet li{
	width: 46px;
	height: 40px;
	float: left;
	margin-left: 64px;
	color: #959595;
	cursor: pointer;
}
li.feet-l{
	background: url(../images/maps/feet-l.png) no-repeat 0 0;
	padding-top: 25px;
	height: 15px;
}
li.feet-r{
	background: url(../images/maps/feet-r.png) no-repeat 0 16px;
}
li.feet-curr{
	background-position-x: -49px;
	color: #75bb37;
}
.map-area{
	background: url(../images/maps/map.png) no-repeat;
	width: 930px;
	height: 700px;
	clear: left;
}
.map-area li,#map-brushed,#map-brushed .pa,#map-collected,#map-collected p{
	background: url(../images/maps/map-pop.png) no-repeat;
}
.map-area li{
	background-position: -156px -305px;
	width: 49px;
	height: 20px;
	position: absolute;
	cursor: pointer;
}
#map-brushed{
	width: 307px;
	height: 212px;
	position: absolute;
	font: 11px "Simsun";
	padding: 36px 20px;
	text-align: center;
	display: none;
}
#map-brushed .pa{
	background-position: 0 -284px;
	width: 152px;
	height: 39px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	line-height: 30px;
	font-size: 12px;
	text-indent: 65px;
}
#map-brushed .pa:hover{
	color: #000;
}
#map-brushed h3{
	width: 307px;
	font-size: 12px;
	line-height: 2.5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
#map-brushed img{
	width: 258px;
	height: 182px;
}
.map-collected .map-area{
	margin-top: 70px;
}
#map-collected{
	background-position: -347px 0;
	width: 307px;
	height: 244px;
	padding: 20px;
	position: absolute;
	font-size: 12px;
	display: none;
}
#map-collected h3{
	font: bold 18px "Microsoft Yahei";
	color: #75bb37;
	border-bottom: 1px dashed #75bb37;
	padding-bottom: 12px;
}
#map-collected div{
	width: 293px;
	height: 183px;
	margin: 10px auto;
	overflow: auto;
	color: #707070;
	line-height: 20px;
	padding-left: 15px;
}
#map-collected p{
	background-position: -700px 3px;
	padding-left: 1.2em;
}
#map-collected .t{
	background-position: -700px -77px;
}

/*index*/
.kv-bin{
	margin: 15px 0 25px;
}
.kv-bin, .kv{
	width: 1000px;
	height: 371px;
}
.kv ul li{
	background: url(../images/index/bullets.png) right top no-repeat;
	width: 12px;
	height: 12px;
	text-indent: -299em;
	opacity: 1;
	filter: alpha(opacity=100);
}
.kv li.curr{
	background: url(../images/index/bullets.png) no-repeat left top;
}
.kv-bullets{
	width: 13px;
	bottom: 0;
	right: -21px;
}
.kv-bullets li{
	background: #d5d5d5;
	width: 13px;
	height: 13px;
	margin-top: 7px;
	cursor: pointer;
}
.kv-bullets .kv-curr{
	background: #7dbb26;
}
.index-left{
	background: url(../images/index/learn.png) no-repeat;
	width: 554px;
	height: 515px;
	padding: 34px 25px 10px;
}
.videos{
	width: 530px;
	height: 260px;
	margin: 20px;
}
.videos-bin{
	width: 379px;
	height: 235px;
}
.videos ul{
	width: 121px;
	margin-left: 13px;
	*margin-left: 0;
}
.videos li{
	width: 121px;
	margin-bottom: 6px;
	margin-bottom: 10px\9;
	*margin-bottom: 6px;
	height: 75px;
	position: relative;
}
.videos .video-play{
	background-position: 0 -80px;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
}
.index-left p{
	text-indent: 2em;
	line-height: 1.8;
}
.learn-text{
	height: 213px;
	overflow: auto;
}

.index-right{
	width: 372px;
}
.join-box{
	background: url(../images/index/join-box.png) no-repeat;
	width: 372px;
	height: 351px;
}
.join-box li{
	position: absolute;
	width: 183px;
	height: 71px;
}
.join-box .join-ecolor{
	width: 44px;
	height: 35px;
	left: 150px;
	top: 0;
}
.join-box .join-idea{
	width: 267px;
}
.join-box .join-volun{
	width: 266px;
}
.join-box .join-action{
	width: 228px;
}
.join-school{
	left: 187px;
	top: 194px;
}
.join-action{
	left: 80px;
	top: 276px;
}
.join-idea{
	left: 81px;
	top: 105px;
}
.join-volun{
	left: 24px;
	top: 34px;
}
.join-card{
	left: 0;
	top: 179px;
}
.join-box a{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
}
.join-ecolor a{
	background: url(../images/index/title3.png) no-repeat;
	width: 44px;
	height: 35px;
	color: #fff;
}
.join-box span{
	width: 33px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.join-school a{
	color: #805db5;
	padding: 7px 43px 34px 111px;
}
.join-action a{
	color: #f0834e;
	padding: 5px 88px 36px 110px;
}
.join-idea a{
	color: #76b83a;
	padding: 6px 23px 35px 214px;
}
.join-volun a{
	color: #2aa3d8;
	padding: 7px 39px 34px 197px;
}
.join-card a{
	color: #fcad14;
	padding: 4px 16px 45px 141px;
}
.news-box{
	background: url(../images/index/news.png) no-repeat;
	width: 318px;
	height: 150px;
	margin-top: 5px;
	padding: 50px 18px 5px;
}
.news-box .titles{
	background-position: 0 -36px;
	left: -7px;
}
.news-box .weibo{
	background-position: 0 -72px;
	line-height: 36px;
	color: #fff;
	left: auto;
	right: 0;
}
.news-box img{
	margin-right: 10px;
}
.news-box div.clear{
	height: 68px;
	overflow: hidden;
}
.news-box li{
	margin: 5px 0;
	width: 318px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-box li a{
	color: #777;
}
.news-box li a:hover{
	color: #333;
}
.news-box li span{
	margin-right: 10px;
}
/*user*/

.user{width:242px;background:url(../images/user/user_l1.png) no-repeat;margin:0px 5px 5px 10px;}
.user_info{padding:4px;height:385px;}
.user_info .img-center{
	width: 233px;
	height: 233px;
	*font-size: 182px;
}
.user_info a{margin-bottom:12px}
.user_info p{margin:6px 0;padding:0 10px;font:12px/2 "Microsoft Yahei";}
.user_info p span{float:left;width:107px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
.user_weibo{/*width:231px;border:1px solid #d2d2d2;height:465px;*/margin:0 5px;background:#ffffff;}
.love_list{width:211px;height:276px;padding:54px 10px 10px;margin-left:8px;background:url(../images/user/user_l2.png) no-repeat;}
.love_list li{background:#ffffff;padding:9px;height:67px;overflow:hidden;margin-bottom:6px;}
.love_list li a{height:67px;width:67px;overflow:hidden;margin-right:5px;}
.love_list li div{height:67px;width:120px;overflow:hidden;}
.love_list li p{overflow:hidden;text-overflow:ellipsis;color:#4a4a4a;}
.love_list li p.love_name{height:16px;line-height:16px;white-space:nowrap;}
.love_list li p.love_word{height:60px;line-height:18px;}
.love_tit{position:absolute;top:14px;left:-6px;width:132px;height:37px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/*text-align:center;*/padding:0 10px;color:#fff;background:url(../images/user/user_btns.png) no-repeat 0 -23px;font:15px/32px "SimHei";}
.love_tit span{display:block;padding-right:15px;background:url(../images/volunteer/icon_good.jpg) no-repeat right 6px;font-size:12px;line-height:30px;}

.icon_user{display:inline-block;width:24px;height:24px;line-height:24px;background:url(../images/user/user_btns.png) no-repeat;vertical-align:middle;margin-right:7px}
.icon_name{background-position: 0 -64px}
.icon_addr{background-position: -24px -64px}
.icon_msg {background-position: -48px -64px}
.icon_gder{background-position: -72px -64px}
.icon_posi{background-position: -96px -64px}


.user_list{width:720px;margin:3px 10px 5px;}
.user_list li{background:#f2f2f2;padding:15px;margin-bottom:24px;}
.user_list li p.text{text-indent:2em;line-height: 2;}
.user_list p.text-hidden{height:115px;overflow:hidden;}
.user_list li p.imgs a{margin-right:12px;}
.imgs img{max-height: 102px;}
.user_list li p{margin-bottom:10px;}
.list_time{color:#565656;}

.btns_bg{_width:80px;_overflow:hidden;padding-left:10px;margin-left:8px;height:21px;line-height:21px;background:url(../images/user/user_btns.png) no-repeat 0 0;color:#fff;border:0;font-family:"Microsoft Yahei";}
.btns_bg span{padding-right:10px;height:21px;line-height:21px;display:block;background:url(../images/user/user_btns.png) no-repeat right top;*white-space:nowrap;cursor:pointer;}
.btns_bg_gray{background-position:0 -91px;}
.btns_bg_blue{background-position:0 -121px;}
.btns_bg_gray span{background-position:right -150px;}
.btns_bg_blue span{background-position:right -180px;}

.btns_bg.h24,.btns_bg.h24 span{height:24px;line-height:24px;*line-height:23px;}
.pad15 span{padding:0 25px 0 15px;*white-space:nowrap;}
.publish_btns{margin:12px auto;padding-bottom:30px; width:173px;}
button.btns_bg{background:url(../images/user/user_btns_02.png);width:76px;padding:0;height:24px;line-height:24px;}
button.btns_bg span{background:none;padding:0;}
/*a.btns_big{min-width:83px;_width:83px;}
.btns_big{min-width:93px;_width:93px;height:26px;line-height:26px;display:inline-block;}
.btns_big span{height:26px;line-height:21px;font-size:14px;}*/

.review_list{background:#fff;padding:14px 14px 7px;margin-top:10px;}
.review_list li{line-height:20px;color:#090909;height:auto;background:#fff;padding:0 0 7px 0;margin:0;}
.review_list li strong{font-weight:normal;}
.form{margin-top:7px;}
.form textarea{width:590px;height:16px;padding:6px;border:0;background:#fff;}
.form button{margin-top:3px;}

.form_publish,.form_info{width:732px;}
.tabs{border-bottom:1px solid #cfcfcf;position:relative;z-index:1;font:14px/36px "SimHei";}
.tabs li{float:left;height:28px;line-height:28px;text-align:center;background:#b7b7b7;border:1px solid #cfcfcf;}
.tabs li.active{background:#fff;height:29px;border-bottom:0;position:relative;z-index:2;top:1px;}
.tabs li a{color:#fff;display:block;padding:0 32px;}
.tabs li.active a{color:#875acc;}
.tabs_content{padding:17px 23px 0;border:1px solid #cfcfcf; border-top:0;background:#fff;}
.tabs_content textarea{width:680px;height:160px;border-color:#d7d7d7;margin-bottom: 15px;}
.tabs_content input.hide{width: 0;}
.form_file{background:url(../images/user/useradd.jpg) no-repeat;width:133px;height:132px;border:0;margin:10px 0;}
.form_info label em{margin-top:1px;width:72px;text-align:right;}
.form_info label .muted{color:#999;font-size:12px;margin-top:5px;}
.form_info label{color:#7f50c9;font-size:14px;}
.form_info label input,.form_info label span{color:#000;}
.form_info label span{margin-right:56px;}
/*.form_info label input{margin:0 5px;}*/
.form_info input.user-input{width:240px;height:21px;border:1px solid #d7d7d7;}
.form_info .tabs_content p{margin-bottom:10px;}
a.user-btn,.user-btn{min-width:auto;margin-right:15px;}
a.user-btn span,.user-btn span{margin-right:0;color:#fff;line-height:20px;}
.user_photo{margin-left:72px;width:233px;height:233px;overflow:hidden;}

.volun-slider{
	width: 1000px;
	height: 102px;
}
.volun-container{
	width: 856px;
	height: 102px;
}
.volun-container ul.pr{
	width: 99999em;
}
.volun-container li{
	width: 81px;
	height: 102px;
	text-align: center;
	float: left;
	margin: 0 13px;
}
.volun-container a{
	color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.volun-container a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
.volun-container span{
	width: 81px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.volun-prev,.volun-next{
	width: 20px;
	height: 36px;
	top: 25px;
}
.volun-prev{
	background-position: 0 -73px;
	left: 36px;
}
.volun-next{
	background-position: -21px -73px;
	right: 36px;
}
.volun-list{margin-left:84px;width:auto;}
.volun-list li{width:630px;position:relative;}
.volun-list .review_list li{width:auto;}
.volun-list .form textarea{width:528px;}
.volun-img{position:absolute;top:0;left:-80px;}
.volun-img span{color:#000;line-height:24px;}
.volun-arrow{position:absolute;top:8px;left:-6px;}
.speech,.logout{
	height: 17px;
	color: #fff;
	text-align: center;
	line-height: 17px;
}
.speech{
	background-position: 0 -408px;
	width: 72px;
}
.logout{
	background-position: -77px -408px;
	width: 48px;
	height: 17px;
}

.error_page{padding:75px 0;}
.error_page a{color:#2a2a2a;text-decoration:underline;}

/*==video-inner==*/
.video-box .video{
	height: 365px;
	margin-left: 16px;
}
.video-box .titles{
	width: auto;
}
.video-box .titles span{
	background: #99db3c;
	display: block;
	padding-right: 25px;
	margin-left: 32px;
}
.video-inner{
	background: url(../images/videos/video-inner.png) no-repeat;
	width: 289px;
	height: 396px;
	padding: 20px;
	margin-top: -8px;
}
.video-back{
	background-position: 0 -425px;
	width: 111px;
	height: 23px;
	color: #fff;
	text-align: center;
	line-height: 23px;
}
.video-inner .video-play {
	background-position: 0 -80px;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
}
.video-inner ul{
	width: 180px;
	margin: 43px auto 0;
}
.video-inner li{
	position: relative;
	margin-bottom: 10px;
}
.video-content,.v-prev,.v-next{
	background: url(../images/videos/video-content.png) no-repeat;
}
.video-content{
	background-color: #f4f4f4;
	background-position: 0 -41px;
	background-repeat: repeat-x;
	width: 870px;
	height: 345px;
	clear: both;
	margin: 0 auto;
	color: #56712f;
	padding: 15px 35px;
	line-height: 2;
}
.video-content h2{
	font-size: 21px;
}
.v-content{
	width: 870px;
	height: 120px;
	overflow: auto;
}
.v-content p{
	text-indent: 2em;
}
.v-slides{
	width: 900px;
	height: 140px;
	margin-left: -15px;
}
.v-slides li{
	float: left;
	_display: inline;
	margin: 0 5px;
}
.v-bin{
	width: 840px;
	height: 140px;
	margin: 0 auto;
}
.v-container{
	width: 99999em;
	position: relative;
}
.v-prev,.v-next{
	width: 14px;
	height: 41px;
	text-indent: -299em;
	position: absolute;
	top: 50px;
	display: block;
}
.v-prev{
	left: 0;
}
.v-next{
	background-position: -16px 0;
	right: 0;
}
#index-code{
	position: fixed;
	_position: absolute;
	left: 50%;
	top: 300px;
	margin-left: -643px;
}
.languages{
	margin: -3px 10px 0 0;
}
.languages a{
	color: #7dbb26;
	margin-right: 3px;
	display: inline-block;
	vertical-align: middle;
}