/* Author:	Lam (PHP+JS+CSS)
 * Date:	2009.07.14
 * Email:	gzkakaxi@qq.com, liancanwei@gmail.com
 */

/* base */
body,div,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset{margin:0; padding:0;}
body{font:12px/normal Arial,Verdana,sans-serif; color:#000; background-color:#000;}
ol,ul,li{list-style:none;}
a{color:#09c; text-decoration:none; cursor:pointer;}
a:hover{color:#f60; text-decoration:underline;}
a:active,a:focus,object{outline:none;}
a img{border:0;}
label,input,select{vertical-align:middle;}
input,button,textarea{margin:1px; padding:2px; line-height:14px; font-size:12px; font-family:Arial,Verdana,sans-serif;}
textarea{overflow:auto;}
input.f14,.f14 input,button.f14,.f14 button,textarea.f14,.f14 textarea{line-height:17px;}
.udl,.udl a{text-decoration:underline;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.fl{float:left;}
.fr{float:right;}
.box{overflow:hidden; zoom:1;}
.c{clear:both;}
.red{color:#c00;}
.gray{color:#666;}
.green{color:#017e35;}
.blue{color:#09c;}
.h{display:none;}
.border{border-width:1px; border-style:solid;}
.fixed{table-layout:fixed;}
.nowrap,.fixed td{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}
.icon{display:-moz-inline-box; display:inline-block; vertical-align:middle;}
.icon *{display:none;}

/*
 * gc => guider-column
 * i => icon
 * btn => button
 * t => toolbar
 * p => preview
 * c => comment
 * r => reply
 * d => detailer
 * de => detailer-event
 * dp => detailer-photo
 * dv => detailer-video
 * m => member
 * f => forum
 * b => blog
 */
.header h1,
.navigation span,
.container,
.footer li
{background:url(../images/bg/global.gif) no-repeat;}
.footer
{background:url(../images/bg/global_foot.jpg) no-repeat;}
.icon,
.t-selector
{background:url(../images/icon/icon.gif) no-repeat;}
.line,
.line-x,
.line-y,
.gc-head,
.m-head,
.f-head,
.b-head
{background:url(../images/bg/line.gif) no-repeat;}
.dp-side
{background:url(../images/bg/party_photo.gif) no-repeat;}

/* global */
.wrapper{width:987px; margin:0 auto;}
.header{position:relative; height:139px; _height:138px;}
	.header h1{position:absolute; right:-107px; top:0; width:635px; height:139px; background-position:-65px 0;}
	.header img{position:absolute; left:322px; top:33px; width:155px; height:74px;}
	.navigation{position:absolute; left:0; bottom:0;}
		.navigation li{float:left; display:inline; width:100px;}
		.navigation a{display:block; padding:4px 20px 11px 20px; text-align:center; color:#fff; font-weight:bold;}
		.navigation a span{display:none; width:13px; height:7px; margin:4px auto 0 auto; overflow:hidden; background-position:-700px 0;}
		/*
		.navigation a:hover,.navigation .on a{padding-bottom:0; text-decoration:none;}
		.navigation a:hover span,.navigation .on span{display:block;}
		*/
		.navigation a:hover{text-decoration:none;}
		.navigation .on a{padding-bottom:0; text-decoration:none;}
		.navigation .on span{display:block;}
	.header .joinus{position:absolute; right:10px; bottom:5px;}
	.header .joinus h4{display:inline; font-size:12px; color:#fff; font-weight:normal;}
	.header .joinus p, .header .joinus a{display:inline; margin-left:5px; line-height:20px; color:#fff;}
.banner{overflow:hidden;}
	.banner object{position:relative; z-index:1;}
	.banner-player{margin-top:-14px; z-index:2}
.container{overflow:hidden; zoom:1; padding-bottom:20px; background-color:#edede4; background-repeat:repeat-y; background-position:922px 0;}
.footer{position:relative; height:260px; clear:both; color:#666;}
	.footer .information{position:absolute; left:420px; top:60px;}
	.footer .information h4{width:370px; margin-bottom:10px; font-size:20px;}
	.footer .information p{width:370px; line-height:24px; font-weight:bold;}
	.footer .information .login-tips{margin-top:10px;}
	.footer .information .button{position:absolute; left:380px; top:0;}
	.footer .information .btn-member{color:#fff; font-weight:bold; font-size:12px; vertical-align:baseline;}
	.footer .information .btn-member:hover{color:#f60; text-decoration:none;}
	.footer .information .btn-member span{display:inline; padding-left:6px; letter-spacing:10px;}
	.footer ul{position:absolute; left:20px; top:231px;}
	.footer li{float:left; display:inline; padding-left:1px; background-position:-710px -16px;}
	.footer li.first{padding-left:0; background:none;}
	.footer li a,.footer li span{padding:3px 14px; color:#fff; font-weight:bold; font-size:14px;}
	.footer li a:hover{color:#fff;}

/* 栏目导航 */
.guider{padding:30px 0;}
	.g-column .line-y{background-position:-1000px 0;}
	.g-column{float:left; display:inline; width:329px;}
		.gc-head{height:22px; margin:0 22px 30px 22px; line-height:16px; background-position:0 -42px;}
		.gc-head h2{font-size:16px; font-weight:bold;}
		.gc-body{position:relative; height:146px; padding:0 24px;}
		/*.gc-body .border{width:260px; height:146px; margin:0 auto; border-color:#deded8; background-color:#000;}*/
		.gc-body .media{position:relative; width:260px; height:146px; margin:0 auto; text-align:center; overflow:hidden;}
			.gc-body .media a{position:relative; display:block;}
			.gc-body .i-ready{position:absolute; z-index:10; left:102.5px; top:45.5px; filter:Alpha(Opacity=50); opacity:0.5;}
			.gc-body a:hover .i-ready{filter:Alpha(Opacity=75); opacity:0.75;}
		.gc-body .text{margin:6px 0; line-height:18px; color:#666;}
		.gc-body .bottom{position:absolute; left:0; top:156px; width:329px; height:13px;}
			.gc-body .btn-more{margin-left:34px;}
.detailer{background-position:0 -60px;}
	.detailer .line{height:25px; margin-top:12px; background-position:0 -10px;}
	.d-main{float:left; width:629px; padding:0 15px 0 35px; overflow:hidden;}
	.d-side{margin-left:679px; _margin-left:676px; padding:0 15px;}

/* commom */
.f-verdana{font-family:Verdana;}
.f-simhei{font-family:SimHei;}
.f-headline{font-family:Verdana; font-weight:bold; letter-spacing:-1px; color:#1f2122;}
.line-x{height:1px; overflow:hidden; background-position:0 0;}
.errormsg{margin-left:5px; color:#c00;}
.no-item{display:block; padding:80px 0; color:#666; text-align:center;}
.no-item-s{display:block; padding:20px 0; color:#666; text-align:center;}
.loading{position:absolute; z-index:100; font-size:12px; font-weight:normal;}
.loading img{margin-right:10px; vertical-align:middle;}

/* 高度居中(div标签) */
.v-middle-outer{position:relative; display:table; *display:block; overflow:hidden;}
	.v-middle-inner{display:table-cell; vertical-align:middle; *position:absolute; left:50%; top:50%;}
		.v-middle-content{*position:relative; left:-50%; top:-50%; z-index:1;}

/* icon */
.btn-pre,.btn-next{display:block; font:bold 9px/12px Verdana; color:#666;}
.btn-pre{float:left; padding:0 4px 0 10px; background-position:-46px 3px;}
.btn-next{float:right; padding:0 10px 0 4px; background-position:32px 3px;}
.btn-reply{width:14px; height:10px; background-position:-30px 0;}
.btn-more{width:44px; height:13px; background-position:0 -60px;}
.btn-detailed{width:64px; height:13px; background-position:-49px -60px;}
.btn-play{width:44px; height:13px; background-position:-120px -60px;}
.btn-p-pre,.btn-p-reset,.btn-p-next{float:left; width:50px; height:22px;background-position:0 -85px;}
.btn-p-reset{background-position:-60px -85px; margin:0 8px;}
.btn-p-next{background-position:-120px -85px;}
.btn-p-pre:hover{background-position:-180px -85px;}
.btn-p-reset:hover{background-position:-240px -85px;}
.btn-p-next:hover{background-position:-300px -85px;}
.btn-member{width:75px; height:38px; padding:7px 0 0 20px; background-position:0 -160px;}
.i-user{width:20px; height:14px; margin-right:8px; background-position:-20px -30px;}
.i-news{width:28px; height:25px; background-position:-40px -120px;}
.i-time{width:30px; height:25px; background-position:-80px -120px;}
.i-reply{width:36px; height:25px; background-position:-115px -120px;}
.i-reply-num{width:44px; height:45px; background-position:-110px -160px;}
.i-rss{width:40px; height:40px; background-position:-180px -160px;}
.i-ready{width:55px; height:55px; background-position:-240px -155px;}


/* 日志、视频模块 */
.d-event{}
.d-main .border{height:400px; border-color:#999; background:#fff;}
.d-main .title{line-height:26px; font-size:20px; font-weight:bold;}
.d-main .content{padding:20px 0; color:#666; line-height:1.6em;}
.d-main .line-x{margin:20px 0;}
.d-side .line{height:1px; margin:15px 0; overflow:hidden; background-position:0 -90px;}
.d-side .content{position:relative; display:block; height:56px; margin:0 15px;}
	.d-side li a{color:#000; text-decoration:none; font-weight:bold;}
	.d-side li a:hover{color:#f60; text-decoration:underline;}
	.d-side .face{display:block; width:100px; height:58px; border:1px solid #ccc;}
	.d-side .text{position:absolute; left:105px; top:0; width:140px; height:40px; font-size:11px; word-break:break-all;}
	.d-side .btn-detailed,.d-side .btn-play{position:relative; left:105px; bottom:13px;}
	.upload-list-loading{position:relative; filter:Alpha(Opacity=100); opacity:1;}

/* 相册模块(独立) */
.d-photo{}
.dp-main{float:left; width:575px; padding:0 35px 0 35px; overflow:hidden;}
	.dp-main .detail .pic{position:relative; display:inline-block; margin-top:20px; padding:20px; border:1px solid #999; background:#fff;}
	.dp-main .detail .loading{left:20px; top:20px; background:#fff;}
	.dp-main .detail .title{line-height:26px; font-size:16px; font-weight:bold;}
	.dp-main .detail .content{margin:20px 0; color:#666;}
.dp-side{margin-left:645px; _margin-left:642px; padding:124px 40px 0 0; background-position:0 0; }
	.dp-side .loading{left:70px; top:6px;}
	.dp-list{}
	.dp-list li{float:left; display:inline; width:96px; margin:10px 0 0 7px;}
	.dp-list li.first{margin:10px 0 0 3px;}
	.dp-list li a{display:block; text-align:center; color:#666; text-decoration:none;}
	.dp-list li a:hover{color:#f60; text-decoration:underline;}
	.dp-list .pic{width:84px; height:84px; padding:5px; border:1px solid #ccc;}
	.dp-list .pic .v-middle-content{max-width:84px; max-height:84px; _width:84px; _height:84px; overflow:hidden;}
	.dp-list .text{display:block; width:100%; height:20px; line-height:20px; text-align:center;}
	.dp-list .pager{margin-top:20px;}
		

/* 论坛模块 */
.forum{padding:20px 0;}
.f-head{height:30px; padding:0 22px 10px 22px; line-height:16px; background-position:0 -95px;}
.f-head h2{font-size:16px; font-weight:bold;}
.f-body{}
	.fb-intro{position:relative; margin:0 22px;}
		.fb-intro h3{height:30px; line-height:30px; font-size:24px; font-weight:bold;}
		.fb-intro p{margin-top:8px; line-height:20px; font-weight:bold;}
		.fb-area{position:absolute; right:0; top:0; height:30px; line-height:30px;}
		.fb-area ul{_float:right; _padding-right:22px;}
		.fb-area li{float:left; display:inline; height:30px; margin-left:6px;}
		.fb-area a{float:left; display:block; height:28px; padding:0 11px 0 14px; border:1px solid #999; font-size:14px; letter-spacing:3px; color:#fff; background:#bdbdbd;}
		.fb-area a:hover{background:#999; border-color:#666; text-decoration:none;}
		.fb-area .on a{background:#fff; color:#777; text-decoration:none;}
	.fb-column{position:relative; margin:10px 22px 0 22px; background:#fff; border-width:1px 1px 4px 4px; border-style:solid; border-color:#d0d0d0 #d0d0d0 #ccc #ccc;}
		.fb-column .corner{position:absolute; left:-4px; top:-1px; width:3px; height:4px; overflow:hidden; background:#edede4; border-right:1px solid #ccc;}
		.fb-column .left-pager,.fb-column .right-pager{position:relative; height:20px; padding:10px 8px;}
		.fb-column .left-pager .pager{float:left;}
		.fb-column .right-pager .pager{float:right;}
		/*.fb-column .btn-add{position:absolute; right:6px; top:6px; height:26px; padding:0 12px; line-height:26px; border:1px solid #888; background:#ccc; color:#333;}*/
		.fb-column .btn-add{float:right; height:26px; margin-top:-23px; padding:0 12px; line-height:26px; border:1px solid #888; background:#ccc; color:#333;}
		.fb-column .btn-add:hover{text-decoration:none; color:#000; border-color:#333; background:#bbb;}

/* 论坛列表 */
.fb-list{}
.fb-list .tr{background:#dedede; border:1px solid #ccc; border-width:1px 0 1px 0;}
.fb-list .th{float:left; display:inline; height:20px; padding:4px 10px; line-height:20px; font-weight:bold;}
.fb-list .td{float:left; display:inline; padding:8px 10px; line-height:25px;}
.fb-list .th-1,.fb-list .td-1{width:28px;}
.fb-list .th-2,.fb-list .td-2{width:485px;}
.fb-list .th-3,.fb-list .td-3{width:110px;}
.fb-list .th-4,.fb-list .td-4{width:60px;}
.fb-list .th-5,.fb-list .td-5{width:140px;}
.fb-list .th-4{width:44px; padding-left:26px;}
.fb-list .th-5{width:110px; padding-left:40px;}
.fb-list .td-2{font-weight:bold;}
.fb-list .td-2 a{color:#333;}

.fb-list .on{background:#efefef;}
.fb-list .hover{background:#e9e9e9;}

.fb-list ul li{overflow:hidden;} /* ie6 bug, 未修复********************************** */

/* 论坛详细页 */
.fb-title{padding:10px; border-bottom:1px solid #ccc; background:#e2e2e2;}
	.fb-title .left{float:left; height:18px; overflow:hidden;}
	.fb-title .left h3{line-height:18px; font-size:16px;}
	.fb-title .right{float:right; height:18px;}
	.fb-title .right .button{float:left; display:inline; height:18px; line-height:18px; margin-left:12px; text-decoration:underline;}
.fb-content{padding:10px; color:#444; border-bottom:1px dashed #ccc; overflow:hidden;}
	.fb-content .info{float:left; width:120px;}
	.fb-content .info .face{display:block; width:84px; height:84px; padding:5px; border:1px solid #ccc;}
	.fb-content .info p{line-height:20px;}
	.fb-content .detail{margin-left:130px; _margin-left:127px;}
	.fb-content .detail h2{margin-bottom:10px; font-size:20px;}
	.fb-content .detail img{display:block; margin-bottom:10px; padding:1px; border:1px solid #999;}
	.fb-content .detail p{margin-top:10px;}
	.fb-content .detail a{color:#c00; text-decoration:underline;}
	.fb-content .item{padding:11px 0 10px 0; border-top:1px solid #ccc;}
	.fb-content .item.first{padding-top:0; border:0;}
	.fb-content .extend{height:20px; margin-bottom:10px; padding-right:10px; border-bottom:1px dashed #ddd; color:#999;}
.fb-last{padding:10px; text-align:center;}
	.fb-last .button{padding:4px 15px; border:1px solid #999; background:#ccc; color:#555; text-decoration:none;}
	.fb-last .button:hover{border-color:#555; background:#aaa; color:#222; text-decoration:none;}
	.fb-last .pager{float:right;}
.fb-form{width:80%; margin:20px auto; color:#444;}
	.fb-form input,.fb-form textarea{width:75%; border:1px solid #bbb;}
	.fb-form .button{width:80px; padding:3px 0; border:1px solid #999; background:#ccc; color:#555;}

/* blog */
.blog{padding:20px 0;}
.b-head{height:30px; margin-bottom:10px; padding:0 22px; line-height:16px; background-position:0 -95px;}
	.b-head h2{font-size:16px; font-weight:bold;}
.b-body{height:100%; background-position:0 -60px;}
	.b-main{float:left; width:629px; padding:0 15px 0 35px; overflow:hidden;}
		.b-main .item{position:relative; padding:20px 10px; border-bottom:1px solid #ccc;}
			.b-main .pic{float:left; width:204px; overflow:hidden;}
				.b-main .pic .border{border-color:#ccc; width:200px; height:200px; padding:1px; overflow:hidden;}
				.b-main .pic img{width:200px; height:200px;}
			.b-main .detail{margin-left:214px; _margin-left:211px;} /* 设置最小高度 */
				.b-main .title{position:relative; margin-bottom:10px; padding-right:60px;}
					.b-main h3{font-size:20px; margin-bottom:10px;}
					.b-main h3 a{color:#000; text-decoration:none;}
					.b-main h3 a:hover{ color:#f60; text-decoration:none;}
					.b-main .info{float:left; height:18px; padding:0 8px; line-height:18px; color:#fff; background:#a00; font-size:11px;}
					.b-main .i-reply-num{position:absolute; right:0; top:0; line-height:38px; font-weight:bold; font-size:20px; text-align:center;}
				.b-main .content{color:#333; padding-bottom:25px; word-break:break-all;}
					.b-main .content a{color:#c00; text-decoration:underline;}
					.b-main .content p{margin-top:10px;}
				.b-main .last{position:absolute; bottom:20px;}
					.b-main .last a{text-decoration:underline; font-weight:bold; color:#c00;}
					.b-main .last a:hover{color:#f60; text-decoration:none;}
		.b-main .pager{float:right; margin-top:10px;}
	.b-side{margin-left:679px; _margin-left:676px; padding:20px 30px 0 15px;}
		.b-side .rss{border:1px solid #ddd;}
			.b-side .rss .inner{position:relative; padding:20px 0 20px 70px; border:1px solid #fff; border-width:1px 0 0 1px; background:#e5e5e5;}
			.b-side .rss .i-rss{position:absolute; left:20px; _left:-50px; top:20px;}
			.b-side .rss h4{font-size:18px; line-height:20px;}
			.b-side .rss input{width:95px; border:1px solid #ccc; padding:1px; background:#fff;}
			.b-side .rss .button{width:auto; height:19px; line-height:14px; padding:0 2px; font-size:11px;}
		.b-side .date{/*margin-top:10px; */border:1px solid #ddd; font-size:11px; background:#f2f2ec; color:#666; zoom:1; _margin-left:-3px;}
			.b-side .date th,.b-side .date td{width:14%; height:22px; text-align:center; vertical-align:middle; font-family:Verdana;}
			.b-side .date th{background:#ddd;}
			.b-side .date .on{background:#ccc;}
			.b-side .date a{display:block; height:22px; line-height:22px; color:#666;}
			.b-side .date a:hover{text-decoration:none;}
		.b-side .list{margin-top:10px; padding:1px; border:1px solid #ddd; background:#f2f2ec; zoom:1; _margin-left:-3px;}
			.b-side .list h4{padding:9px; line-height:18px; font-size:18px; color:#c00;}
			.b-side .list li{display:block; border-top:1px solid #ddd; height:24px; padding:0 9px;}
			.b-side .list a{height:24px; line-height:24px; color:#333;}
			.b-side .list span{padding-left:5px;}
			

/* toolbar */
.toolbar{position:relative; z-index:200; height:25px; margin:20px 0;}
	.t-label{float:left; width:90px; height:25px; line-height:25px; font-weight:bold; white-space:nowrap;}
	.t-selector{float:left; display:inline; margin-left:6px; padding-right:27px; color:#999; background-position:392px -120px;}
	.t-selector:hover{color:#999; text-decoration:none;}
	.t-selector span{display:block; width:380px; height:15px; padding:4px; line-height:15px; border:1px solid #b9b9b8; background:#fff; overflow:hidden;}
.t-list{position:absolute; z-index:210; left:96px; _left:117px; top:25px; width:415px; line-height:22px; background:#fff; color:#666; border:1px solid #b9b9b8; border-width:0 1px 1px 1px; filter:Alpha(Opacity=0); opacity:0; visibility:hidden; overflow:auto; overflow-x:hidden;}
	.t-list p{padding-left:4px;}
	.t-list ul{padding:1px;}
	.t-list a{display:block; width:410px; height:22px; padding-left:3px; color:#333; text-decoration:none;}
	.t-list a:hover{text-decoration:none; background:#ccc; color:#333;}

/* comment */
.comment{}
.c-head{margin-bottom:4px; font-size:14px;}
.c-body{padding-left:10px;}
.c-item{margin-bottom:10px;}
.c-item .c-info{height:20px; line-height:20px;}
.c-item .c-content{padding-left:29px; line-height:18px;}
.comment .pager{margin:12px 0 0 6px;}

/* reply */
.reply{margin-top:16px;}
.r-head{padding:6px 0; font-size:14px;}
.r-body{}
.r-body p{margin-top:4px;}
.r-body label{float:left; min-width:45px; _width:45px; height:26px; padding:0 4px; line-height:26px; text-align:right;}
.r-body input,.r-body textarea{float:left;}
.r-body .a-register{float:left; height:26px; margin-left:4px; line-height:26px; text-decoration:underline; color:#000;}
.r-body .a-register:hover{color:#f60; text-decoration:none;}
.r-body .member-text{width:180px; padding:4px; border:1px solid #b5b5b5;}
.r-body .textarea{width:560px; border:1px solid #b5b5b5;}
.r-body .button{float:right; margin-right:9px; padding:4px 8px; background:#cecece; border:1px solid #b5b5b5; color:#666;}
.r-body .button:hover{color:#333;}

.reply-photo .member-text{width:155px;}
.reply-photo .textarea{width:506px;}

/* preview */
.preview{position:relative; padding:15px; border:1px solid #e6e6de; border-top:0; border-bottom:3px solid #dbdbd3; background:#f1f3f0;}
	.p-head{font-size:14px; font-weight:bold; word-break:break-all;}
	.p-body{width:250px; height:122px; margin:10px auto; overflow:hidden; border:1px solid #ddd;}
	.p-foot .inner{width:170px; margin:0 auto;}

/* pager */
.pager{line-height:20px; font-size:12px; width:100%; text-align:center;}	/* height:20px; overflow:hidden; */
.pg-inner{float:left; display:inline-block; margin:0 auto;}
/*.pg-num{float:left; height:16px; padding:0 5px; margin:1px 3px 0 3px; line-height:16px; text-align:center; font-family:Verdana; font-size:10px; color:#777; text-decoration:none; border:1px solid #aaa;}*/
.pg-num{float:left; padding:0 4px; text-align:center; font-family:Verdana; font-size:10px; color:#777; text-decoration:none;}
.pg-btn,.pg-on{height:16px; margin:1px 3px 0 3px; padding:0 5px; line-height:16px; color:#666; border:1px solid #999; background:#f5f5f5;}
.pg-on{font-weight:bold; background:#fff; color:#444; border-color:#888;}
.pg-btn{color:#444;}
.pg-num:hover{color:#444;}
.pg-btn:hover{color:#333;}
.pg-on:hover{color:#666;}
.pager a:hover{text-decoration:none;}

/* member */
.member{padding:20px 0;}
.m-head{height:30px; margin-bottom:30px; padding:0 22px; line-height:16px; background-position:0 -95px;}
.m-head h2{font-size:16px; font-weight:bold;}
.m-body .inner{padding-left:248px;}
.m-body h3{font-size:24px; margin-bottom:10px;}
.m-body .line{position:relative; height:1px; margin:15px -25px 20px -25px; overflow:hidden; background-position:0 -150px;}
	.m-table{color:#666;}
	.m-table input,.m-table textarea{width:200px;}
	.m-table select{width:40%; margin-left:1px; padding:2px 0;}
	.m-table .button{width:80px; margin-right:10px; padding:3px 0; border:1px solid #666; color:#fff; font-weight:bold; background:#999;}

/* pop */
.pop{position:absolute; left:38%; top:42%; width:370px; height:160px; background:#eee; border:1px solid #aaa; border-width:1px 1px 2px 1px;}
.pop-head{position:relative; height:24px; padding-left:10px; line-height:24px; background:#ccc;}
.pop-head span{font-weight:bold;}
.pop-head a{position:absolute; right:10px; top:0; *top:1px; color:#000; text-decoration:none;}
.pop-head a:hover{color:#f60; text-decoration:none;}
.pop-body{padding:50px 10px 10px 10px; text-align:center;}

/* yanson */
.photo-show{position:absolute; z-index:2; text-align:center; width:220px; height:80px; background-color:#fff;}

/* sam */
.photo-frame {width:281px; height:146px; overflow:hidden;}
.top-phote-list {}
.photo-frame a {float:left; display:block; width:281px; text-align:center;}

/* dialog */
.dialog{position:fixed; left:-9999px; top:-9999px; z-index:1001; width:400px; padding:4px; background:#fff; border:1px solid #ccc; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.dialog-head{position:relative; padding:6px 10px; *padding:8px 10px 4px; background:#666; color:#fff; border:1px solid #555; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.dialog-head strong{letter-spacing:0.1em;}
.dialog-head .close{position:absolute; right:10px; top:6px; *top:8px; color:#fff;}
.dialog-body{padding:8px 6px; line-height:1.3em}
.dialog-body .spacing{padding-top:20px; padding-bottom:20px;}

/* banner */
.banner-wrap{position:relative; width:987px; height:201px; overflow:hidden;}
.banner-wrap-big{height:290px;}
.banner-nav{position:absolute; right:-10px; bottom:10px; height:28px; padding:0 20px 0 10px; background:#fff; filter:alpha(opacity=70); opacity:0.7; z-index:5; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.banner-nav span{float:left; padding:6px 5px 6px 0; line-height:15px; color:#333; font-weight:bold; font-size:11px;}
.banner-nav ul, .banner-nav li{float:left;}
.banner-nav li a{float:left; width:13px; height:25px; margin:2px 1px 1px 0; background-position:-123px 0;}
.banner-nav li.on a{background-position:-100px 0;}
.banner-nav .pre, .banner-nav .next{float:left; display:inline; width:24px; height:25px; margin:2px auto auto 4px; background-position:-145px 0;}
.banner-nav .next{background-position:-175px 0;}

/* introduction */
.introduction{line-height:1.6em;}
.introduction .face{padding:12px 0; border-bottom:6px solid #999;}
.introduction .face img{display:block; margin:0 auto;}
.introduction .text{margin:12px 0 0 12px; padding-left:12px; border-left:3px solid #333;}
.introduction .text h2{margin-bottom:0.4em; font-size:14px; font-weight:bold;}

/* hack for safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.v-middle-outer{display:block;}
}