* { margin:0; padding:0; }
body { font-size:12px; color:#333; background:url(images/public/blank.png) no-repeat fixed; font-family:Calibri,arial,helvetica,sans-serif; }
ul { list-style:none; }
input, select { vertical-align:middle; }

a { color:#333; text-decoration:none; }
a:hover { color:red !important; text-decoration:underline; }
a img { border:0; }

.b { margin-bottom:10px; text-align:center; }
.b .s1, .b .s2 { display:inline; }
#Ma { width:1000px; margin:0 auto 18px; overflow:hidden; _height:1%; }

p.m { position:absolute; right:0; top:0; }
.none { display:none; }

.txt { border:1px solid #7b9ebd; height:20px; padding:1px 2px; font-size:14px; }
.radio { margin-bottom:4px; margin-right:3px; _margin-right:0; }
.checkbox { margin-left:8px; _margin-left:0; margin-right:3px; _margin-right:0; margin-top:3px; _margin-top:0; }
.btn { width:64px; height:24px; border:0; color:white; font-weight:bold; background:url(images/public/btn.png); cursor:pointer; }
.btn_2 { width:53px; background:url(images/public/btn_2.png) no-repeat; height:25px; } /* 2 words */
.btn_s2 { width:82px; height:26px; background:url(images/public/btn_s2.png) no-repeat; padding-bottom:2px; color:black; font-weight:bold; } /* other style */

.orange { color:#f60 !important; }

.is_login { display:none; }

/* H */
#H { position:relative; width:1000px; margin:0 auto 5px; background:url(images/public/s.png) no-repeat 310px 9px; }
#Logo { padding:9px 0 0 20px; height:64px; }
#T {
	position:absolute; z-index:2; right:0; top:0; height:25px; background:url(images/public/t.png) no-repeat #f5f5f5;
	padding:0 2px 0 27px; font:12px/25px arial; color:#ccc;
}
#T.member { _padding-top:4px; _height:21px; }
#T a, #T span { color:#666; margin:0 6px; _margin:0 4px; }
#T a img { margin-right:2px; }
#TS {
	display:none; position:absolute; right:5px; top:25px; width:267px; padding-left:2px; padding-top:10px; _width:265px; _padding-left:4px;
	height:40px; background:url(images/public/ts.png) no-repeat; line-height:18px;
}
#TS a { color:#333; }
#S { position:absolute; left:341px; top:11px; }
#S .txt { padding:0; border:0; font-size:14px; width:156px; margin-right:4px; _margin-right:6px; }
#S select { border:1px solid #7D9BBD; font-size:13px; padding:1px; margin-right:3px; _margin-right:5px; }
#S div { padding-top:9px; color:#333; font-weight:bold; }
#S div a { color:#666; font-weight:normal; margin-right:6px; }
#S .btn { font-size:12px; }
#Ha { position:absolute; right:0; top:34px; padding-left:89px; background:url(images/public/ha_bg.png) repeat-x 0 bottom; }
#Ha a {
	display:block; float:left; width:62px; padding-left:27px; height:32px;
	background:url(images/public/ha.png); font:bold 12px/32px arial;
}
#Ha .s2 { background-position:0 -32px; }
#Ha .s3 { background-position:0 -64px; }
.top {
	position:absolute; left:642px; top:11px; _top:12px; display:block; width:59px; height:24px; padding-left:5px;
	color:white !important; font:bold 12px/24px arial; background:url(images/public/top.png);
}
.top:hover { color:white !important; }
#M { position:relative; height:50px; }
#M li { float:left; }
#M .m1 { width:641px; padding-left:7px; height:50px; background:url(images/public/m_m1_r.png) no-repeat right bottom; }
#M .m1 li {
	display:block; width:100px; padding-right:6px; text-align:right; height:26px; padding-top:24px; background:url(images/public/m_m1.png) no-repeat;
}
#M .m1 li a { color:white !important; font:bold 13px/26px arial; }
#M .m1 li.s2 { background-position:0 -50px; }
#M .m1 li.s3 { background-position:0 -100px; }
#M .m1 li.s4 { background-position:0 -150px; padding-right:10px; width:96px; }
#M .m1 li.s5 { background-position:0 -200px; padding-right:10px; width:96px; }
#M .m1 li.s6 { background-position:0 -250px; }
#M .m2 { position:absolute; width:352px; right:0; top:8px; }
#M .m2 li { background:url(images/public/m_m2.png) no-repeat; padding:0 12px 0 14px; }
#M .m2 li.s2 { background-position:0 -30px; }
#M .m2 li.s3 { background-position:0 -60px; }
#M .m2 li.s4 { background-position:0 -90px; padding-left:16px; }
#M .m2 a { color:#F5590F; font-weight:bold; }
#M .m3 { position:absolute; width:336px; padding-left:16px; height:20px; right:0; bottom:0; background:url(images/public/m_m3.png); }
#M .m3 li { margin-right:22px; }
#M .m3 a { color:white !important; line-height:20px; }
#MM { position:relative; height:40px; background:url(images/public/mm.png); }
#MM li { float:left; width:49px; text-align:center; font:bold 12px/40px arial; }
#MM .s2 { width:80px; }
#MM .s12, #MM .s17 { width:62px; }
#MM .s12 { background:url(images/public/mm_hot.png) no-repeat right 14px; }
#MM li a { color:#333; }

/* Message */
#Message { position:relative; width:998px; height:68px; background:url(images/public/msg.gif) repeat-x; border:1px solid #42acea; margin:4px auto; }
#Message .content { position:absolute; left:59px; top:9px; width:800px; height:50px; font:12px/22px arial; color:#454545; }
#Message .content a { color:#06c; margin:0 2px; font:12px/22px arial; }
#Message .content .btn { vertical-align:baseline; width:50px; height:20px; background:url(images/public/msg_btn.gif); color:#454545; font-weight:normal; margin-bottom:2px; }
#Message .content div { height:50px; padding-left:74px; }
#Message .content .system { background:url(images/public/msg_t_system.gif) no-repeat; }
#Message .content .notice { background:url(images/public/msg_t_notice.gif) no-repeat; }
#Message .content .site { background:url(images/public/msg_t_site.gif) no-repeat; }
#Message .handle { position:absolute; right:5px; top:5px; }
#Message .handle span { float:left; }
#Message .count { font:12px/18px arial; }
#Message .roll { margin:1px 2px 0 8px; }
#Message .roll a { margin:0 2px; float:left; display:block; width:22px; height:16px; background:url(images/public/msg_page.gif) no-repeat; text-indent:-9999px; }
#Message .roll a:hover { background-position:0 -16px; }
#Message .roll a.next { background-position:0 -32px; }
#Message .roll a.next:hover { background-position:0 -48px; }
#Message .close a { float:left; display:block; width:20px; height:18px; background:url(images/public/msg_close.gif) no-repeat; text-indent:-9999px; }
#Message .close a:hover { background-position:0 -18px; }

/* F */
#F { clear:both; width:1000px; margin:0 auto; text-align:center; font:12px/18px arial; border-top:1px solid #d9d9d9; }
#FSearch { background:#fafafa; padding:8px 0; }
#FSearch input { margin:0 6px; }
#FSearch .btn { background-image:url(images/public/btn_f.png); font-size:12px; }
#FSearch div { font-weight:bold; margin:8px 0 0; color:#666; }
#FSearch div a { font-weight:normal; margin:0 4px; color:#666; }
#Faq { text-align:left; width:1000px; background:url(images/public/faq.png); }
#Faq .sig_fix { background:url(images/public/faq_sig.png) no-repeat 35px 17px; padding-left:239px; height:74px; }
#Faq .s { float:left; width:205px; height:64px; padding:8px 0 0 24px; background:url(images/public/faq_s.png) no-repeat 0 10px; }
#Faq .s2 { width:230px; }
#Faq .s ul { padding-top:3px; }
#Faq .s li { width:66px; float:left; white-space:nowrap; font:12px/16px arial; height:16px; color:#666; margin-bottom:2px; }
#Faq .s li a { color:#666; }
#Faq .s2 li { width:76px; }
#Faq .s3 { width:250px; }
#Faq .s3 li { background:url(images/public/faq_s3.png) no-repeat; padding-left:18px; }
#Faq .s3 li.ssl { width:90px; }
#Faq .s3 li.ss2 { width:70px; background-position:0 -30px; }
#Faq .s3 li.ss3 { width:80px; background-position:0 -60px; }
#Faq .s3 li.ss4 { width:70px; background-position:0 -90px; }
#Links { width:1000px; padding:12px 0 4px; }
#Links a { margin:0 3px; }
#Copyright a { margin-left:6px; color:#666; }

/* class library */
.vl-h .mVideo {
	position:relative; overflow:hidden; _height:1%; padding:12px 0 8px; _padding-bottom:11px;
} /* fix img bug {3px bottom space} for ff */
.vl-h .title {
	position:absolute; left:110px; top:3px; width:150px; height:20px; font:bold 12px/20px arial; overflow:hidden; color:#333;
} /* top +3 */
.vl-h .photo { float:left; text-align:center; width:110px; }
.vl-h .photo img { padding:1px; border:1px solid #ccc; width:90px; height:68px; }
.vl-h .detail { float:left; padding-top:23px; color:#666; width:150px; }

.vl-v { position:relative; overflow:hidden; _height:1%; }
.vl-v .mVideo { position:relative; float:left; text-align:center; width:124px; padding:0 13px 8px 10px; }
.vl-v .title { position:absolute; width:120px; left:12px; top:97px; height:20px; font:12px/20px arial; overflow:hidden; }
.vl-v .title a { color:#333; }
.vl-v .photo { height:94px; overflow:hidden; margin-bottom:22px; }
.vl-v .photo img { padding:1px; border:1px solid #ccc; width:120px; height:90px; }
.vl-v .detail {  }
.vl-v .detail div { height:18px; overflow:hidden; line-height:18px; }
.vl-v .detail .n_user img { vertical-align:middle; margin:0 0 3px 3px; }
.vl-v .detail .n_user a { color:#666; }

.vl-list .mVideo { text-align:left; padding-bottom:22px; }
.vl-list .title { left:10px; height:34px; line-height:17px; }
.vl-list .photo { margin-bottom:40px; }
.vl-list .detail { color:#666; }
.vl-list .detail span { color:#999; }
.vl-list a { text-decoration:underline; }
.vl-list a:hover { text-decoration:none; }
.vl-list .t_length { position:relative; text-indent:-9999px; font:11px verdana; color:#333; }
.vl-list .t_length span { position:absolute; right:0; top:0; width:124px; font:11px verdana; text-indent:0; color:#333; }

.vl-t .mVideo .title {
	background:url(images/public/arrow_gray.png) no-repeat 9px 8px; _background-position:9px 6px; padding-left:20px;
	height:20px; overflow:hidden; font:12px/20px arial;
}

/* pager */
.pager { clear:both; padding:16px 0; overflow:hidden; _height:1%; }
.pager div { float:right; width:auto; margin:0 auto; overflow:hidden; _height:1%; }
.pager a, .pager strong, .pager span { margin:0 4px; text-align:center; background:white; color:#666 !important; font:12px/20px "宋体",arial; border:1px solid #D9D9D9; float:left; display:block; width:20px; height:20px; }
.pager a { text-decoration:none !important; }
.pager a:hover { color:#5F5F5F !important; background:#F0F0F0; border-color:#ccc; }
.pager a.preview { width:52px; }
.pager a.next { width:52px; }
.pager strong { color:#fff !important; background:#ff6002; border:1px solid #e5cec1; font-weight:bold; }
.pager span { border:0; line-height:22px; }

/* list page */
.list { position:relative; width:748px; padding-top:88px; float:left; border:1px solid #ccc; }
.list h3 { position:absolute; left:-1px; top:-1px; text-indent:30px; font:bold 14px/28px arial; width:750px; height:28px; color:black; background:url(images/list/list.png) no-repeat; }
.list h3 span { color:#333; }
.list .pager { border-top:1px dashed #ccc; margin:0 10px; }

#Sort { position:absolute; right:11px; top:3px; height:23px; background:url(images/list/sort.png) repeat-x 0 -46px; float:left; }
#Sort .l_fix { padding-left:12px; background:url(images/list/sort.png) no-repeat; float:left; }
#Sort .r_fix { padding-right:12px; background:url(images/list/sort.png) no-repeat right -23px; line-height:19px; float:left; height:23px; }
#Sort span { float:left; padding:0 12px; }
#Sort a { display:block; text-align:center; float:left; height:23px; padding:0 12px; }
#Sort a.ac { width:65px; padding:0; background:url(images/list/sort_ac.png) no-repeat center 0; color:white !important; text-decoration:none !important; }

#Sort_date { position:absolute; left:11px; top:45px; width:268px; padding-left:460px; height:23px; background:url(images/list/sort_date.png) repeat-x; font:12px/22px arial; }
#Sort_date a { display:block; text-align:center; float:left; height:23px; width:54px; background:url(images/list/sort_date_a.png) 0 -23px; margin-right:2px; }
#Sort_date a.ac { background-position:0 0; color:#ff6002 !important; text-decoration:none !important; }

#Sort_count { position:absolute; left:11px; top:39px; padding-bottom:6px; width:158px; padding-left:570px; height:23px; border-bottom:1px dashed #ccc; font:12px/22px arial; }
#Sort_count span { float:left; line-height:22px; display:block; padding-top:3px; }
#Sort_count a { display:block; text-align:center; float:left; height:20px; width:20px; margin:0 4px; border:1px solid #d9d9d9; font-size:11px; }
#Sort_count a.ac, #Sort_count a:hover { background:#ff7c00; border-color:#dc6b00; text-decoration:none; color:white !important; }

/* video */
.cl { margin:0 auto; }
	.cl .mDocument { padding:10px; border-bottom:1px dashed #e5e5e5; overflow:hidden; _width:100%; position:relative; }
	.cl .photo { width:66px; float:left; }
		.cl .photo img { width:60px; height:60px; padding:2px; border:1px solid #aaa; }
	.cl .detail { width:454px; float:left; display:inline; margin-left:10px; }
	.cl .n_user {  }
		.cl .n_user img { margin:0 0 -2px 6px; }
		.cl .n_user a { text-decoration:underline; }
		.cl .n_user a:hover { text-decoration:none; }
	.cl .text { padding-top:12px; line-height:18px; color:#666; }
		.cl .text img { margin-right:3px; }
	.cl .handle { position:absolute; right:10px; top:10px; color:#999; }
		.cl .handle * { margin-left:8px; }
		.cl .handle a { text-decoration:underline; }
		.cl .handle .del { color:red !important; }
.cc { padding:12px 12px 30px; text-align:right; margin:0 auto; }
	.cc a { margin-right:12px; text-decoration:underline; }
	.cc a:hover { text-decoration:none; }
	.cc span { color:red; }

.emotion { text-align:center; margin-bottom:8px; }
.emotion { position:relative; _height:1%; }
	.emotion .l, .emotion .r { text-indent:-9999px; position:absolute; left:20px; top:12px; width:12px; height:38px; font-size:0; background:url(http://static.pomoho.com/images/public/emotion.png) no-repeat; }
	.emotion .r { background-position:-36px 0; left:auto; right:20px; }
	.emotion .l_b { background-position:-12px 0; }
	.emotion .r_b { background-position:-24px 0; }
.commentAdd a { margin:0 2px; }
	.commentAdd strong { color:black; font:bold 14px arial; }
	.commentAdd textarea { width:596px; height:70px; border:1px solid #ccc; padding:2px; margin:8px 0; }
	.commentAdd form { width:596px; margin:0 auto; padding:12px 0; }
	.commentAdd .submit { text-align:right; }

/* ZZ */
#ZZ { position:absolute; right:40px; z-index:2; border:1px solid #ccc; background:#f6f6f6; width:424px; height:310px; }
	#ZZ .s1 { padding:9px; border-bottom:1px solid #ccc; line-height:24px; color:#333; }
	#ZZ .url { width:402px; height:16px; font:11px/16px arial; color:#666; padding:2px 1px 0; }
	#ZZ .s2 { padding:0 0 0 9px; font:bold 12px/30px arial; }
		#ZZ .s2 a { float:left; border:1px solid #DDDCE1; line-height:24px; text-indent:-9999px; display:block; width:62px; height:24px; background:url(../default/images/video/qzone.png) no-repeat; margin-right:4px; margin-bottom:6px; }
			#ZZ .s2 a.fiveone { background-image:url(../default/images/video/fiveone.jpg); }
			#ZZ .s2 a.blogcn { background-image:url(../default/images/video/blogcn.jpg); }
			#ZZ .s2 a.booke { background-image:url(../default/images/video/booke.jpg); }
			#ZZ .s2 a.hx { background-image:url(../default/images/video/hx.jpg); }
			#ZZ .s2 a.mop { background-image:url(../default/images/video/mop.jpg); }
			#ZZ .s2 a.msn { background-image:url(../default/images/video/msn.jpg); }
			#ZZ .s2 a.pcpop { background-image:url(../default/images/video/pcpop.jpg); }
			#ZZ .s2 a.qq { background-image:url(../default/images/video/qq.jpg); }
			#ZZ .s2 a.sina { background-image:url(../default/images/video/sina.jpg); }
			#ZZ .s2 a.tianya { background-image:url(../default/images/video/tianya.jpg); }
			#ZZ .s2 a.wretch { background-image:url(../default/images/video/wretch.jpg); }
			#ZZ .s2 a.xc { background-image:url(../default/images/video/xc.jpg); }
			#ZZ .s2 a.woding { background-image:url(../default/images/video/wodingg.gif); }
			#ZZ .s2 a.google { background-image:url(../default/images/video/google.gif); }
			#ZZ .s2 a.sinavivi { background-image:url(../default/images/video/sinavivi.gif); }
			#ZZ .s2 a.sky { background-image:url(../default/images/video/sky.gif); }
			#ZZ .s2 a.key365 { background-image:url(../default/images/video/365key.gif); }
			#ZZ .s2 a.yahoo { background-image:url(../default/images/video/yahoo.gif); }
	#ZZ p { position:absolute; right:9px; top:9px; }
		#ZZ p a { color:#666; }

#Menu{height:30px;width:100%;}
#Menu li{width:80px;height:30px;float:left;margin-right:1px;background:url(images/public/m_1.png) no-repeat;}
#Menu li a{display:block;width:100%;height:100%;line-height:30px;color:#FFF;text-indent:10px;}
#Menu li a:hover{color:#FFF!important;text-decoration:none;font-weight:bold;background:url(images/public/m_1.png) 0 -31px;}
#Menu li.s1{width:89px;background-position:0 -62px;}
#Menu li.s1 a:hover{background-position:0 -93px;}
#Menu li.s11{width:99px;background-position:0 -124px;}
#Menu li.s11 a:hover{background-position:0 -155px;}

/*Style 4 New By SMbey0nd @ 2008.2.18*/
/*尾部警告信息标识*/
#FootLogo{padding:10px 0 0;position:relative;}
#FootLogo img{border:0;}
#FootLogo .plc{position:absolute;right:0;top:-10px;}
#FootLogo .plc img{width:80px;height:80px;}

#Logo { height:auto; }

/*Style 4 New By SMbey0nd @ 2008-6-11 9:57:26*/
/*小头样式提取*/
#HS { position:fixed; _position:absolute; z-index:9; left:0; top:0; _clear:both; _top:expression(documentElement.scrollTop); width:100%; height:30px; background:url(http://static.pomoho.com/themes/site/200708/images/public/h_s.png); }
#LogoS img { display:block; padding:0 0 0 11px; }
#TT { position:absolute; right:194px; top:2px; }
#TT li { float:left; margin-left:8px; color:#666; font:12px/30px arial; }
#TT .upload { padding-left:22px; background:url(http://static.pomoho.com/themes/site/200708/images/public/h_s_upload.png) no-repeat 0 40%; }
#TT .record { padding-left:22px; background:url(http://static.pomoho.com/themes/site/200708/images/public/h_s_record.png) no-repeat 0 40%; }
#TT .m2v { padding-left:22px; background:url(http://static.pomoho.com/themes/site/200708/images/public/h_s_m2v.png) no-repeat 0 40%; }
#TT li a { text-decoration:none; font-family:"宋体",Calibri,arial,helvetica,sans-serif; }
#TT li a:hover { text-decoration:underline; }
#TT li a span { cursor:pointer; }
#TT .login a { margin:0 4px; }
#TT .login a img { margin-top:9px; }
#SS { position:absolute; right:12px; top:2px; }
#SS .s_txt { width:98px; height:16px; border:1px solid #7b9ebc; color:#999; padding:2px 2px 0 2px; margin-right:6px; }
#SS .s_btn { width:58px; height:20px; border:0; background:url(http://static.pomoho.com/themes/site/200708/images/public/hs_btn.png); color:white; font:bold 12px arial; cursor:pointer; }
#MS { display:none; position:fixed; _position:absolute; z-index:10; _clear:both; left:50%; top:30px; _top:expression(documentElement.scrollTop+33); margin-left:-500px; width:1000px; background:white; }
#MS .ms_d { height:24px; font:12px/24px arial; color:#d0d0d0; }
#MS strong { margin-right:6px; color:#f06; }
#MS strong span { margin-left:6px; font-weight:normal; }
#MS .ms_d a { margin:0 7px; }
#TS {
	display:none; position:absolute; right:5px; top:25px; width:267px; padding-left:2px; padding-top:10px; _width:265px; _padding-left:4px;
	height:40px; background:url(http://static.pomoho.com/themes/site/200708/images/public/ts.png) no-repeat; line-height:18px;
}
#TS a { color:#333; }

#MenuS{height:35px;padding:2px 0;width:100%;}
#MenuS li{width:82px;margin-right:1px;height:35px;float:left;background:url(http://static.pomoho.com/themes/site/200708/images/public/ms_1.png) no-repeat;}
#MenuS li a{display:block;width:100%;height:100%;line-height:35px;color:#FFF;text-indent:10px;}
#MenuS li a:hover{color:#FFF!important;font-weight:bold;background:url(http://static.pomoho.com/themes/site/200708/images/public/ms_1.png) 0 -36px;}