@charset "utf-8";
*{margin:0px; padding:0px;}
body{ font-family:Verdana, Geneva, sans-serif; font-size:12px; background:#f9f8fa; width:100%; height:auto;}
ul,li { margin: 0px; padding: 0px; list-style: none; }
.clear{ clear:both;}
#main{ width:1003px; margin:0px auto; background:#000;}
#page{ width:973px; height:auto; margin:0px auto; background:#f9f8fa;}
#header{ height:151px; width:973px; background:#f9f8fa;}
	#header #left{ position:relative; width:56px; height:151px; float:left; background:url(../images/blog/topleft.gif) no-repeat;}
	#header #left p{ position:absolute; height:49px; width:10px; background:url(../images/blog/left.gif); top:102px; left:-10px;}
	#header #right{ width:917px;  height:151px; float:left; background:url(../images/blog/topbg.gif) repeat-x;}
	#header #right .log{ width:279px; height:80px; background:url(../images/blog/lgo.gif) no-repeat; margin-top:10px; float: left; }
	#header #right .addthis{ width:600px; height:80px; padding-right: 28px; text-align: right; vertical-align: bottom; margin-top:10px; float:right; }
#videoarea{ width:914px; overflow: hidden; height:auto; margin:0px auto; background:#FFF;}
.color{ color:#da1d1d;} 

.border{ border:1px solid #ccc; }
#videoarea .left{ width:561px; float:left;}
	#videoarea .left .title{ height:44px; line-height:44px; font-size: 18px; text-align: center; color:#da1d1d; font-weight:bold; }
	#videoarea .left .video{ width:545px; height:auto; float:left; overflow:hidden;}
#videoarea .right{ float:left; width:342px; margin-top:15px;}
#videoarea .right .info{ background:url(../images/blog/bg.gif) no-repeat; width:342px; height:140px;}
#videoarea .right .mail{ margin: 0px; padding-left: 10px; }
#videoarea .right .mail li{ color:#FFF; font-weight:bold; font-size:20px; float:left; }
#videoarea .right .mail input{ width:240px; height:25px; font-size:20px; }
/*color: #1397DD;*/
#videoarea .right .mbutton{ background:url(../images/blog/btn.gif) no-repeat; width:315px; height:48px; border:0px; margin-left:10px; margin-top: 20px; cursor: pointer; color: #FF0000; font-weight: bold; font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; letter-spacing: -1px; }
#videoarea .right .btn2{ background:url(../images/blog/btn2.gif) no-repeat; width:318px; height:73px; border:0px; margin-left:10px; margin-top: 20px; cursor: pointer; color: #FFFFFF; font-size: 18px; font-weight: bold; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; }
#videoarea .right .btn3{ background:url(../images/blog/btn3.gif) no-repeat; width:187px; height:73px; border:0px; margin-left:10px; margin-top: 20px; cursor: pointer; color: #FFFFFF; font-size: 18px; font-weight: bold; padding-bottom: 20px; margin-left: 80px; font-family: Arial, Helvetica, sans-serif; }
#videoarea .videolinks { width: 941px; text-align: center; float: left; padding: 15px 0px; font-size: 14px; font-weight: bold; }
	#videoarea .videolinks a { color: #1882BC; text-decoration: none; }
	#videoarea .videolinks a:hover { text-decoration: underline; }
#videoarea .timer { width: 941px; height: auto; text-align: center; float: left; padding: 0px 0px 20px 0px; }
#videoarea .firend_btn { width: 260px; height: 45px; background:url(../images/blog/firend_btn.gif); border: none; color: #FFFFFF; font-size: 25px; margin: 20px 0px 0px 35px; font-weight: bold; }
.comment{ width:914px; height:268px; margin:15px auto;}
	.comment .title{ height:46px; line-height:46px; background:url(../images/blog/comment_title.gif); font-size:20px; padding-left:10px;}
	.comment .content{ background:#e6e6e6; height:222px;}
	.comment table{ font-size:14px; font-weight:bold;}
	.comment table .name{ text-align:right; padding-right:10px;}
	.comment table .input{width:260px; height:20px; border:1px solid #d1d1d1;}
	.comment table .note{ width:676px; height:116px;}
.button{ width:96px; height:28px; background:url(../images/blog/button.gif) no-repeat; border:0; cursor: pointer;}
.button2{ width:120px; margin-left: 260px; height:28px; background:url(../images/blog/button2.gif) no-repeat; border:0; cursor: pointer;}
.list{ width:914px; height:auto; background:#e6e6e6; margin:15px auto;}
	.list .commenttitle{ width:909px; height:34px; }
	.list .commenttitle li{ width: 440px; float: left; padding-left: 12px; padding-top: 5px; color: #494949; }
	.list .commenttitle .rfont{ width: 440px; color: #8b8b8b; float: left; padding-top: 5px; padding-left:10px; text-align: right; }
	.list .user{ height:34px; line-height:34px; color:#494949; font-size:14px; font-weight:bold; }
	.list .note{ border: #DBDBDB solid 1px; background:#FFF; height: auto; margin: 0px auto; margin-bottom:10px; width:890px; padding-left:5px;}
#footer{ color:#0170ab; text-align:center; width:914px; height:40px; line-height:40px; margin:0px auto; border-top: #0170AB solid 1px; padding: 10px 0px; }

.invite { width: 260px; height: 45px; border: none; background: url(../images/additional/invite.gif); color: #FFF; font-weight: 600; text-decoration:none; font-size: 11px; line-height: 29px; display:block; cursor: pointer; margin: 0px auto; }

/* pages */
.pages{ clear:both; margin:10px 0; }
	.pages em, .pages a, .pages strong{ text-decoration:none; margin-left:3px; padding:2px 5px; border:1px solid #E5E5E5; }
		.pages a:hover{ text-decoration:none; border:1px solid #09C; background:#09C; color:#FFF; }
	.pages strong{ border:none; font-weight:700; }
	.pages kbd input{ margin-left:5px; width:20px; vertical-align:middle; }
.cuspages{ width: 909px; margin:3px auto; text-align: right; line-height:200%; }
	.cuspages .pages{ display:inline; clear:none; margin-right:10px; }
.fixsel select{ margin:3px 5px 3px 0; }

