@charset "utf-8";
/* CSS Document */
@import url(common.css);
@import url(top_b.css);

/*main*/
#main{ width:984px; float:left; background:#FFF; border-right:1px dashed #C2C2C2;}
#main .bleft{ width:694px; padding-left:24px; float:left;}
	.play{ width:242px; height:180px; float:left;}
	.play dl{ height:19px; padding:4px 11px 0px 11px;}
	.play dd{ width:auto; float:left;}
	.play dt{ width:auto; float:right;}
	.play .dplay{ border:1px solid #C2C2C2; width:230px; height:156px; margin-left:4px; padding:2px;}
	
	.playcon{ width:435px; float:right;}
	.playcon h1{ height:22px; padding-top:5px;}
	.playcon h1 .gray{ padding-left:10px; font-weight:normal;}
	.playcon h2{ text-indent:25px; line-height:21px; font-weight:normal; color:#404040; height:92px;}
	.playcon h3{ font-weight:normal; height:40px;}
	.playcon h3 img{ margin:0px 0px 0px 2px;}
	.playcon h3 .d{ margin:0px 10px 0px 0px;}
	.playcon .ques dd{ width:auto; float:left;}
	.playcon .ques dd{ width:auto; float:right;}
#main .bright{ width:226px; float:right; padding-right:20px;}
    .rollshow{ border:1px solid #E1E1E1; padding:2px; height:175px; margin-top:5px;}
	.rollshow img{ width:220px; height:175px;}
	.rollshow2{ border:1px solid #E1E1E1; padding:2px; height:210px;}
	.rollshow2 img{ width:220px; height:210px;}
	/*update*/
	.resource{ border:1px solid #E1E1E1; background:#F4F4F4; padding:15px 0px 0px 15px; position:relative;}
	.resource .ico{ position:absolute; width:53px; height:53px; background:url(../images/ico4.jpg) no-repeat center center; top:-12px!important; right:-6px!important; top:-11px; right:-5px;}
	.bleft .til{ height:25px; clear:both;}
	.bleft .til dd{ width:auto; float:left; padding-right:10px; font-weight:bold;}
	.bleft .til dt{ width:auto; float:left; color:#BFBFBF;}
	.bleft .til dt a{ padding:0px 5px;}
	/*updatecon*/	
	.updatecon{ height:173px; border-bottom:1px solid #E1E1E1; margin-right:15px;}
		.upleft{ width:400px; float:left; padding-top:5px;}
			.upleft dt{ width:150px; height:150px; border:1px solid #E1E1E1; padding:2px; float:left;}
			.upleft dt img{ width:150px; height:150px;}
			.upleft dd{ float:left; padding:13px 0px 0px 15px; line-height:21px;}
		.upright{ width:225px; float:right; padding-top:12px; height:146px;}
			.upright dl{ height:68px;}
			.upright dt{ width:80px; height:62px; border:1px solid #E1E1E1; padding:2px; float:left;}
			.upright dt img{ width:80px; height:62px;}
			.upright dd{ float:left; padding:3px 0px 0px 15px; line-height:19px; width:120px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
	/*freecon*/
	.freecon{ height:205px;}
	.freecon dl{ width:112px; float:left; text-align:left;}
	.freecon dt{ width:80px; height:62px; border:1px solid #E1E1E1; padding:2px;}
	.freecon dt img{ width:80px; height:62px;}
	.freecon dd{ width:86px; text-align:center; line-height:19px; height:30px; padding-top:5px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
	/*question*/
	.question dl{ height:16px; padding-top:10px;}
	.question dd{ width:auto; float:left; font-weight:bold;}
	.question dt{ width:auto; float:right;}
	.question li{ height:24px; line-height:24px; clear:both;}