body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0; 
padding:0; 
}
body {
font-size:12px;
font-family:瀹嬩綋,Arial, Helvetica, sans-serif;
} 
table { 
border-collapse:collapse; 
border-spacing:0; 
} 
fieldset,img { 
border:0; 
}
ol,ul { 
list-style:none; 
} 
caption,th { 
text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight:normal; 
} 
q:before,q:after { 
content:''; 
} 
abbr,acronym {
	border:0; 
} 





/*================================================================*/





body{
	color:#404040;
	font-size:12px;
	font-family:Microsoft YaHei, Arial, "瀹嬩綋";
}
video{
	outline:none;
}
a{
	color:#333;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#C00;
	text-decoration:underline;
}
.page{
	width:1000px;
	margin:0 auto;
}
.gold{
	color:#F60;
}
.red{
	color:#C00;
}
.green{
	color:#008060;
}
.gray{
	color:#999;
}
.clear{
	display:block;
	clear:both;
}
.line{
	font-size:12px;
	color:#CCC;
}
.hr{
	overflow:hidden;
	height:1px;
	margin:24px 0;
	border-bottom:3px dotted #DDD;
}
.left{
	float:left;
}
.right{
	float:right;
}


/* 璁剧疆鍥剧墖瑙嗛绛夎嚜閫傚簲璋冩暣 */
.detail img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.video embed, .video object, .video iframe {
	width: 100%;
	height: auto;
}



.header{
	background:#FFF;
}
.header .masthead{
	position:relative;
	z-index:3000;
	height:100px;
	background:url(../images/header-bg.jpg) #FFF no-repeat center 0;
}
.header .logo{
	float:left;
	height:37px;
	padding-left:82px;
	margin-top:20px;
	background:url(../images/logo.png) no-repeat;
}
.header .logo h2 a{
	font-size:18px;
	font-weight:700;
}
.logo-box{
	float:left;
	margin-top:18px;
}
.header .user{
	position:absolute;
	top:2px;
	right:0;
}
.header .user a{
	float:left;
}
.header .user a.home{
	padding-left:18px;
	background:url(../images/home-icon.png) no-repeat 0 4px;
}
.header .user .line{
	float:left;
	padding:0 6px;
}


/*-----------------------------*/

.header .home-logo{
	padding-top:40px;
}
.header .home-top{
	height:200px;
	background:url(../images/home-banner.jpg) #F6F6F6 no-repeat center 0;
}


/* 琛ㄥ崟鍒濆鍖�*/
textarea{
	line-height:20px;
	color:#666;
	font-size:12px;
	font-family:Tahoma;
	padding:8px;
	border:1px solid #CCC;
	background:#FFF;
}
.btn-72, .btn-gray-72{
	width:74px;
	height:27px;
	line-height:27px;
	color:#FFF;
	text-align:center;
	font-size:12px;
	cursor:pointer;
	border:0;
	background:url(../images/btn.png) no-repeat;
}
.btn-gray-72{
	color:#666;
	background:url(../images/btn-gray.png) no-repeat;
}
.btn-gray-72:hover{
	color:#333;
}
.btn-auto{
	overflow:hidden;
	height:100%;
}
.btn-auto:after{
	display:block;
	clear:both;
	content:'.';
	height:0;
	font-size:0;
	visibility:hidden;
}
.btn-auto a{
	float:left;
	display:inline;
	height:25px;
	line-height:25px;
	color:#FFF;
	padding:0 10px;
	margin-right:6px;
	visibility:visible;
	border:1px solid #069;
	background:url(../images/btn-auto.png) repeat-x;
}
.btn-auto a:hover{
	text-decoration:none;
	border-color:#F60;
	background-position:0 -30px;
}
.cbox{
	float:left;
	width:13px;
	height:13px;
	margin:3px 4px 0 0;
}


/* 澶撮儴鎼滅储 */

.header .search{
	float:right;
	margin-top:45px;
}
.header .search-txt{
	float:left;
	width:240px;
	height:18px;
	line-height:18px;
	color:#666;
	font-size:12px;
	font-family:Tahoma;
	padding:3px 5px 2px 5px;
	border:2px solid #1371A8;
	border-right:0;
}
.header .search-btn{
	float:left;
	width:60px;
	height:27px;
	line-height:27px;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	font-family:Microsoft YaHei, Arial, "瀹嬩綋";
	border:0;
	background:#1371A8;
}
.header .search-hot{
	margin-top:6px;
}


/* 缃戠珯瀵艰埅 */


.nav-page{
	height:35px;
	line-height:35px;
	background:url(../images/nav-bg.png) repeat-x;
}
.nav-page .page{
	background:url(../images/nav-bg.png) repeat-x;
}
.nav-page ul:after{
	clear:both;
	display:block;
	height:0;
	line-height:0;
	content:'.';
	visibility:hidden;
}
.nav-page li{
	position:relative;
	float:left;
	display:inline;
	font-size:14px;
	padding:0 14px;
}
.nav-page li a{
	float:left;
	color:#FFF;
	white-space:nowrap;
}
.nav-page li.on{
	background:url(../images/nav-bg.png) repeat-x 0 -35px;
}
.nav-page li a:hover{
	color:#FF0;
	text-decoration:none;
}


.nav-page li.show{
	z-index:9999;
	background:url(../images/nav-bg.png) repeat-x 0 -70px;
}
.nav-page li.show a,.nav-page li.show a:hover{
	color:#1371A8;
}
.nav-page .nav-item{
	position:absolute;
	top:35px;
	left:-1px;
	display:none;
	width:188px;
	font-size:12px;
	border:1px solid #CCC;
	border-top:0;
	background:#FAFAFA;
}
.nav-page .show .nav-item{
	display:block;
}
.nav-page .nav-item span{
	overflow:hidden;
	float:left;
	width:80px;
	height:20px;
	line-height:20px;
	padding:2px 0;
	padding-left:14px;
	background:#FAFAFA;
}
.nav-page .nav-item .word{
	height:100%;
	padding:10px 0;
}
.nav-page .nav-item .word a{
	color:#404040;
}
.nav-page .nav-item .word a:hover{
	color:#C00;
	text-decoration:underline;
}
.nav-page .nav-item .type{
	height:100%;
	padding:10px 0;
	border-top:1px dotted #CCC;
}
.nav-page .nav-item .type a{
	color:#FFF;
	padding:0 8px;
	background:#1371A8;
}
.nav-page .nav-item .type a:hover{
	color:#FFF;
	background:#F60;
}

/*-------------------------------*/

.home-nav{
	height:35px;
	line-height:35px;
	background-color:#C15594;
}
.home-nav ul:after{
	clear:both;
	display:block;
	height:0;
	line-height:0;
	content:'.';
	visibility:hidden;
}
.home-nav li{
	float:left;
	display:inline;
	font-size:14px;
	padding:0 14px;
}
.home-nav li a{
	float:left;
	color:#FFF;
	white-space:nowrap;
}
.home-nav li.on{
	background:#F90;
}
.home-nav li a:hover{
	color:#FF0;
	text-decoration:none;
}



.home-nav .page{
	position:relative;
}
.home-nav .page .back{
	position:absolute;
	top:5px;
	right:0;
	line-height:24px;
}
.home-nav .page .back a{
	display:inline-block;
	line-height:24px;
	padding:0 6px;
	background:#EEE;
}
.home-nav .page .back a:hover{
	text-decoration:none;
	background:#FFF;
}






/* content style! */

.content{
	min-height:500px;
	margin-top:12px;
}


/* footer style! */

.footer-page{
	border-top:1px solid #FFF;
}
.footer-page .page{
	padding:12px 0;
	background:#F2F2F2;
}
.footer{
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCC;
	background:#F2F2F2;
}


/* box style! */

.box{
	margin-top:10px;
	background:#FFF;
}
.box .hd{
	position:relative;
	z-index:990;
	overflow:hidden;
	height:32px;
	line-height:32px;
	margin-bottom:-1px;
	border:1px solid #DDD;
	border-top:0;
	border-bottom:0;
	background:url(../images/box-top-re.png) repeat-x;
}
.box .hd .title{
	float:left;
	color:#FFF;
	font-size:14px;
	padding:0 12px 0 30px;
	margin-right:8px;
	background:url(../images/index-icon.png) no-repeat 8px 7px;
	background-color:#963;
}
.box .hd .name{
	color:#000;
	font-size:15px;
	padding:0 16px;
}

.box .hd ul{
	float:left;
}
.box .hd ul li{
	float:left;
	font-size:14px;
}
.box .hd ul li a{
	display:block;
	white-space:nowrap;
	padding:1px 12px;
}
.box .hd ul li.on a{
	color:#C00;
	font-weight:700;
}
.box .hd ul li a:hover{
	text-decoration:none;
}
.box .hd .more{
	position:absolute;
	top:0;
	right:9px;
}
.box .hd .more a{
	color:#999;
}


.box .ft{
	overflow:hidden;
	height:4px;
	background:url(../images/box-bottom-re.png) repeat-x;
}

.box .bd{
	height:100%;
	border:1px solid #DDD;
}

.list-item, .rank-item{
	margin:10px 0;
}

/*================================*/


.list-item li, .rank-item li{
	position:relative;
	overflow:hidden;
	display:block;
	height:26px;
	line-height:26px;
	font-size:14px;
	margin:2px 8px;
	padding:0 64px 0 16px;
	background:url(../images/list-item-point.png) no-repeat 8px 11px;
}
.list-item li a:hover, .rank-item li a:hover{
	color:#C00;
}
.list-item li span, .rank-item li span{
	position:absolute;
	top:0;
	right:8px;
	color:#999;
	font-size:10px;
}


.rank-item li a{
	padding-left:28px;
}
.rank-item li b{
	position:absolute;
	top:6px;
	left:6px;
	display:block;
	width:15px;
	height:15px;
	line-height:15px;
	color:#FFF;
	text-align:center;
	font-size:10px;
	font-weight:normal;
	background:url(../images/rank-item.png) no-repeat;
}
.rank-item li a:hover b{
	color:#069;
	background-position:0 -20px;
}


.brief-item, .rank-first{
	position:relative;
	margin:12px;
}
.brief-item .pic, .rank-first .pic{
	position:absolute;
	top:0;
	left:0;
}
.brief-item .con, .rank-first .con{
	overflow:hidden;
	height:60px;
	padding-left:90px;
}
.brief-item .con h6, .rank-first .con h6{
	overflow:hidden;
	height:20px;
}

.rank-first .pic b{
	position:absolute;
	top:-2px;
	left:-2px;
	display:block;
	width:18px;
	height:18px;
	line-height:18px;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	background:#F60;
}
.rank-first .con .play, .rank-first .con .review{
	display:inline-block;
	height:20px;
	color:#999;
	padding-left:16px;
	margin-right:8px;
	background:url(../images/site-item.png) no-repeat 0 4px;
}
.rank-first .con .review{
	background:url(../images/review.png) no-repeat 0 4px;
}


.img-item{
	padding-bottom:16px;
	border:1px solid #DDD;
}
.img-item li{
	float:left;
	display:inline;
	width:172px;
	margin:14px 0 0 40px;
}
.img-item li .pic{
	position:relative;
	z-index:99;
	overflow:hidden;
	height:113px;
	margin-bottom:6px;
}
.img-item li .title{
	overflow:hidden;
	height:20px;
}





/* ============flip style!============= */


.flip-box {
	position:relative;
    background: url(../images/flip-bg.png) repeat-x;
    border-top: 1px solid #C4D6E6;
    height: 26px;
    overflow: hidden;
    padding: 10px 0;
}
.flip p {
	text-align:center;
}
.flip a {
    border: 1px solid #069;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
	color:#069;
    margin: 0 2px;
    padding: 0 6px;
    display:inline-block;
}
.flip a.on, .flip a:hover {
	color:#FFF;
    border-color: #069;
    text-decoration: none;
    background:#069;
}
.flip span {
    color: #999;
    float: left;
    line-height: 22px;
}
.flip .info {
	position:absolute;
	top:10px;
	left:0;
    line-height: 22px;
    padding-left: 12px;
}
.flip .info b {
    color: #006699;
    font-weight: normal;
    padding: 0 2px;
}
.flip .gray, .flip .gray:hover {
    border: 1px solid #AFBFCF;
    color: #96A6BE;
    cursor: default;
    background:#FAFAFA;
}
.flip select {
    border: 1px solid #CCCCCC;
    color: #404040;
    height: 22px;
}



/*======================================*/



.grid{}
.grid table { 
border-collapse:collapse; 
border-spacing:0; 
width:100%;
margin-bottom:-1px;
border:1px solid #C4D6E6;
}
.grid th{
	text-align:center;
	color:#333;
	font-weight:700;
	background: #FFF;
	height:28px;
	font-weight:700;
	border:1px solid #B3E1D7;
	background:url(../images/table-hd-re.png) repeat-x;
}
.grid td{
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#F9F9F9;
	border:1px solid #DDD;
	overflow: hidden;
}
.grid .even td{background-color:#FFF;}
.grid .hover td{color:#960;background-color:#FFE9D0;}

.grid .cell{margin: 0;padding:2px 4px;}
.grid .even .cell{}
.grid .hover .cell{}

.grid a{
	color:#069;
}
.grid a:hover{
	color:#F60;
	text-decoration:underline;
}

.grid .error{
	height: 30px;font-weight: bolder;font-size: 14px;padding: 5px;
}
.grid .loading{background: url('../images/11.gif') no-repeat;height: 30px;background-position: center center; }

.pager-default{
	overflow:hidden;
	height:22px;
	padding:16px 0;
	background:url(../images/flip-bg.png) repeat-x;
}
.pager-default .pager p{
	float:right;
	padding-right:12px;
}
.pager-default .pager a{
	float:left;
	height:20px;
	line-height:20px;
	color:#069;
	cursor:pointer;
	margin:0 2px;
	padding:0 6px;
	border:1px solid #AFBFCF;
	background:url(../images/flip.png) repeat-x;
}
.pager-default .pager a.on, .pager-default .pager a:hover{
	color:#FFF;
	text-decoration:none;
	border-color:#069;
	background-position:0 -20px;
}
.pager-default .pager span{
	float:left;
	line-height:22px;
	color:#999;
}
.pager-default .pager .info{
	float:left;
	line-height:22px;
	padding-left:12px;
}
.pager-default .pager .info b{
	color:#069;
	font-weight:normal;
	padding:0 2px;
}
.pager-default .pager .gray,.pager-default .pager .gray:hover{
	color:#069;
	cursor:default;
	border:1px solid #AFBFCF;
	background:url(../images/flip.png) repeat-x;
}
.pager-default .pager select{
	float:left;
	height:22px;
	color:#404040;
	font-family:Tahoma;
	border:1px solid #CCC;
}



/*================================*/

.progressBar { 
	border: solid 2px #86A5AD;
	background:url(../images/loading.gif) #FFF no-repeat 10px 10px; 
} 
.progressBar { 
	display: block; 
	width: 148px; 
	height: 28px; 
	position: fixed; 
	top: 50%; 
	left: 50%; 
	margin-left: -74px; 
	margin-top: -14px; 
	padding: 10px 10px 10px 50px; 
	text-align: left; 
	line-height: 27px; 
	font-weight: bold; 
	position: absolute; 
	z-index: 2001; 
}