﻿body 
{
	background-color:#F3F4F4;
}
#toolbar
{
	color:#FFFFFF;
	height:24px;
	line-height:25px;
	background-color:#00A3D4;
	border-bottom:solid 1px #2CB1D9;
}
#toolbar a
{
	color:#FFFFFF;
}
#logo
{
	float:left;
}
#cart
{
	float:left;
	margin-left:10px;
	_padding-top:4px;
}
#search
{
	float:left;
	margin-left:10px;
	_padding-top:4px;
}
#search .textBoxSearch
{
	height:17px;
	border:solid 1px #2CB1D9;
}
#navi
{
	float:right;
	margin-right:10px;
}
#toolbarShadow
{
	clear:both;
	height:1px;
	background-color:#13A1CD;
	overflow:hidden;
}
#content
{
	clear:both;
	width:998px;
	margin:10px auto 0px auto;
	background-color:#FFFFFF;
	border:solid 1px #DDDFE1;
}
#top
{
	height:320px;
	background-image:url("/Images/bgHomepageTop.jpg");
}
#top h2
{
	color:#FFFFFF;
	margin-top:50px;
	margin-left:140px;
}
#left
{
	clear:both;
	float:left;
	width:800px;
	margin:10px 0px 10px 10px;
	_margin:5px 0px 5px 5px;
}
#folder ul li
{
	float:left;
	display:block;
	background-color:#FFFFFF;
	border:solid 1px #DDDFE1;
	padding:3px 6px;
	margin:auto 10px 10px 0px;
}
#folder ul a
{
	font-size:14px;
}
#fileType
{
	float:left;
	width:20px;
	height:57px;
}
#fileType img
{
	margin-top:20px;
}
#title
{
	float:left;
	width:400px;
	height:57px;
	color:#00A3D4;
	font-size:22px;
	line-height:48px;
	overflow:hidden;
}
#tops
{
	float:right;
	height:57px;
	*margin-right:10px;
	_margin-right:5px;
}
.btnTop
{
	width:64px;
	height:47px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Microsoft YaHei;
	text-align:center;
	border-style:none;
	background-image:url("/Images/btnTop.jpg");
	background-color:Transparent;
	padding-bottom:30px;
}
#download
{
	float:right;
	height:57px;
	*margin-right:10px;
	_margin-right:5px;
}
.btnDownload
{
	width:183px;
	height:47px;
	padding-left:66px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Microsoft YaHei;
	text-align:left;
	border-style:none;
	background-image:url("/Images/btnDownload.jpg");
	background-color:Transparent;
}
#downloadBonus
{
	float:left;
	width:80px;
	height:47px;
	color:#FFFFFF;
	line-height:32px;
	background-image:url("/Images/bgDownloadBonus.gif");
	padding-left:20px;
}
.btnFreeDownload
{
	width:183px;
	height:47px;
	border-style:none;
	background-image:url("/Images/btnFreeDownload.jpg");
	background-color:Transparent;
}
.btnRead
{
	width:183px;
	height:47px;
	padding-left:66px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Microsoft YaHei;
	border-style:none;
	background-image:url("/Images/btnRead.jpg");
	background-color:Transparent;
}
#vPlayer
{
	clear:both;
	width:786px;
	height:480px;
	background-color:#F3F3F3;
	padding:7px;
	*padding:20px;
}
#note
{
	clear:both;
	margin-top:10px;
}
#note .thumbnail
{
	float:left;
	width:200px;
	height:280px;
	overflow:hidden;
	border:solid 1px #DDDFE1;
	background-color:#F9F9F9;
	padding:3px;
	margin-right:10px;
}
#note .thumbnail span
{
	position:relative;
	display:block;
	width:170px;
	height:100px;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	overflow:hidden;
	margin-top:-220px;
	margin-left: auto;
	margin-right: auto;
}
#note .note
{
	font-size:14px;
	line-height:150%;
}
#operate
{
	clear:both;
}
#operate li
{
	float:left;
	margin:5px 10px 0px 0px;
}
#rating
{
	clear:both;
}
.ratingStar
{
	float:left;
	font-size:0pt;
	width:32px;
	height:32px;
	margin:0px;
	padding:0px;
	cursor:pointer;
	display:block;
	background-repeat:no-repeat;
}
.rating
{
	color:#BBBBBB;
	font-size:32px;
	font-family:Arial;
	line-height:32px;
}
.filledRatingStar
{
	background-image:url(/Images/iconFilledStar.gif);
}
.emptyRatingStar
{
	background-image:url(/Images/iconEmptyStar.gif);
}
.savedRatingStar
{
	background-image:url(/Images/iconSavedStar.gif);
}
#share
{
	clear:both;
	padding-top:10px;
}
#share li
{
	float:left; 
	width:85px; 
	line-height:17px; 
	margin:5px 0;
}
#share li span
{ 
	float:left;
	display:block;
	height:17px; 
	width:16px;
	background-image:url("/Images/iconShareList.png");
	background-repeat:no-repeat;
	margin:0 4px 0 0; 
	cursor:pointer;
}
#share li.renren span
{ 
	background-position:-112px;
}
#share li.qzone span
{ 
	background-position:-160px;
}
#share li.baidu span
{ 
	background-position:-48px;
}
#share li.favorite span
{ 
	background-position:-96px;
}
#share li.tsina span
{ 
	background-position:-128px;
}
#share li.kaixin span
{ 
	background-position:-144px;
}
#share li.qq span
{ 
	background-position:-80px;
}
#share li.google span
{ 
	background-position:-64px;
}
#share li.live span
{ 
	background-position:-32px;
}
#share li.vivi span
{ 
	background-position:-16px;
}
#share li.sohu span
{ 
	background-position:-208px;
}
#share li.yahoo span
{ 
	background-position:-288px;
}
#share li.hexun span
{ 
	background-position:-272px;
}
#share li.myspace span
{ 
	background-position:-256px;
}
#share li.yesky span
{ 
	background-position:-240px;
}
#share li.9dian span
{ 
	background-position:-224px;
}
#share li.douban span
{ 
	background-position:-176px;
}
#share li.tsohu span
{ 
	background-position:-208px;
}
#share li.t163 span
{ 
	background-position:-192px;
}
#documentsTag
{
	clear:both;
	margin-top:20px;
}
#documentsTag ul li
{
	float:left;
	display:inline-block;
	width:100px;
	height:140px;
	overflow:hidden;
    border:solid 1px #DDDFE1;
	background-color:#F9F9F9;
	padding:2px;
	margin:2px 0px 2px 4px;
	*margin-left:1px;
}
#documentsTag ul li span
{
	position:relative;
	display:block;
	width:80px;
	height:90px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	overflow:hidden;
	margin-top:-110px;
	margin-left: auto;
	margin-right: auto;
}
#comments
{
	font-size:12px;
}
#commentList
{
	clear:both;
	padding:20px 0px;
}
#commentList .item
{
	clear:both;
	padding-top:20px;
}
#commentList .face
{
	float:left;
	width:80px;
}
#commentList .face a
{
	display:block;
	width:64px;
	height:64px;
	overflow:hidden;
	border:solid 1px #DDDFE1;
	background-color:#F9F9F9;
	padding:2px;
}
#commentList .content
{
	float:left;
	width:700px;
}
#commentList .nameAndDate
{
	clear:both;
}
#commentList .name
{
	float:left;
}
#commentList .date
{
	float:right;
	color:#AAAAAA;
}
#commentList .note
{
	clear:both;
	padding:5px;
}
#commentList .floor
{
	position:relative;
	float:right;
	color:#DDDDDD;
	font-size:16px;
	font-family:"Microsoft YaHei";
	padding:10px;
}
#commentList .floor span
{
	font-size:32px;
}
#comment
{
	clear:both;
	padding:20px 0px;
}
#comment .textBox
{
	float:left;
	width:480px;
}
#comment .textBox textarea
{
	width:460px;
	height:200px;
	border:solid 1px #DDDFE1;
	padding:5px;
}
#comment .button
{
	float:left;
	width:300px;
	text-align:center;
}
#comment p
{
	text-align:left;
}
#comment
{
	clear:both;
	margin-top:10px;
}
#contributeList
{
	clear:both;
	padding:20px 0px;
}
#contributeList .item
{
	clear:both;
	padding-top:20px;
}
#contributeList .face
{
	float:left;
	width:80px;
}
#contributeList .face a
{
	display:block;
	width:64px;
	height:64px;
	overflow:hidden;
	border:solid 1px #DDDFE1;
	background-color:#F9F9F9;
	padding:2px;
}
#contributeList .content
{
	float:left;
	width:700px;
}
#contributeList .nameAndDate
{
	clear:both;
}
#contributeList .name
{
	float:left;
}
#contributeList .date
{
	float:right;
	color:#AAAAAA;
}
#contributeList .note
{
	clear:both;
	padding:5px;
}
#contributeList .document
{
	border:dashed 1px #DDDDDD;
	padding:10px;
}
#contributeList .adopt
{
	float:right;
}

#contribute
{
	clear:both;
	text-align:center;
	margin-top:10px;
}
.documentList
{
	clear:both;
}
.documentList .thumbnail
{
	float:left;
	display:block;
	width:100px;
	height:140px;
    border:solid 1px #DDDFE1;
	background-color:#F9F9F9;
	padding:2px;
	margin:20px 10px 10px auto;
}
.documentList .thumbnail span
{
	position:relative;
	display:block;
	width:80px;
	height:60px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	overflow:hidden;
	margin-top:-110px;
	margin-left: auto;
	margin-right: auto;
}
.documentList .rating
{
	position:relative;
	float:right;
	color:#BBBBBB;
	font-size:14px;
}
.documentList .rating span
{
	color:#BBBBBB;
	font-size:32px;
	font-family:Arial;
	line-height:32px;
}
.documentList .note
{
	height:92px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:8px;
}
#right
{
	float:right;
	width:170px;
	_width:168px;
	margin:10px 10px 10px 0px;
}
.sideTitle
{
	clear:both;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	border-bottom:solid 1px #DDDFE1;
	padding-top:20px;
}
.sideContent
{
	margin:10px 0px 10px 0px;
}
.sideContent .face
{
	display:block;
	width:64px;
	height:64px;
	overflow:hidden;
	border:solid 1px #DDDFE1;
	background-color:#F9F9F9;
	padding:2px;
	margin-left:auto;
	margin-right:auto;
}
.faceList ul
{
}
.faceList li
{
	float:left;
	display:inline-block;
	width:64px;
	height:64px;
	overflow:hidden;
	border:solid 1px #DDDFE1;
	background-color:#F9F9F9;
	padding:2px;
	margin:2px 0px 2px 4px;
	*margin-left:1px;
}
.thumbnailList ul
{
}
.thumbnailList li
{
	float:left;
	display:inline-block;
	width:64px;
	height:90px;
	overflow:hidden;
    border:solid 1px #DDDFE1;
	background-color:#F9F9F9;
	padding:2px;
	margin:2px 0px 2px 4px;
	*margin-left:1px;
}
.thumbnailList li span
{
	position:relative;
	display:block;
	width:50px;
	height:40px;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	text-align:center;
	overflow:hidden;
	margin-top:-70px;
	margin-left: auto;
	margin-right: auto;
}
.popup
{
	position:absolute;
	width:800px;
	height:494px;
	*width:786px;
	*height:480px;
	left:50%;
	background-color:#00A3D4;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	margin-top:68px;
	*margin-top:67px;
	_margin-top:63px;
	margin-left:-490px;
}
.popupWindow
{
	position:absolute;
	width:340px;
	height:200px;
	left:50%;
	margin-top:200px;
	margin-left:-260px;
	border:solid 1px #DDDFE1;
	background-color:#FFFFFF;
	padding:10px;
}
.popupWindow .close
{
	float:right;
	margin-top:-6px;
	margin-right:-6px;
}
.popupWindow dl
{
}
.popupWindow dt
{
	clear:both;
	float:left;
	width:80px;
	padding:6px;
	text-align:right;
}
.popupWindow dd
{
	float:left;
	width:230px;
	padding:3px;
	margin-left:5px;
}
.popupWindow .textBox
{
	width:160px;
	border:solid 1px #CCCCCC;
	padding:1px;
}
.popupWindow img
{
	vertical-align:middle;
	margin-top:-2px;
}
.popupWindow .command
{
	text-align:center;
	padding:10px 0px;
}
.popupWindow .bonus
{
	border:solid 1px #DDDFE1;
	background-color:#F3F4F4;
	padding:10px;
}
.popupWindow .gift
{
	background-color:Transparent;
	background-image:url("/Images/bgGift.gif");
	background-position:right bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
#help
{
	clear:both;
	width:1000px;
	margin-top:10px;
}
#footer
{
	clear:both;
	width:1000px;
	height:46px;
	color:#999999;
	font-size:11px;
	text-align:center;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
#footer a
{
	color:#999999;
}
