@charset "utf-8";
/* CSS Document */
/* design by zke 2013-3-17
---------------------------------------------*/
/*首页样式
--------------------------------------------------------------------------------------------*/
.hd_pic {
	float: left;
	width: 728px;
	height:330px;
	padding:2px;
	border:1px solid #e6e6e6;
	background-color:#fff;
	text-align:left;
	overflow:hidden;
}
/*--幻灯片--------------------------------------------------*/
#img_slide {
	POSITION: relative; HEIGHT: 330px
}
#img_slide .ctl_bar {
	Z-INDEX: 20; BACKGROUND: #000;POSITION: absolute; HEIGHT: 46px;padding:12px 7px;
	overflow:hidden;
}
#img_slide .imgs {
	ZOOM: 1; POSITION: relative;
}
#img_slide .imgs LI {
	BORDER: #999 1px solid;  DISPLAY: inline; FLOAT: left; MARGIN:0px 6px; OVERFLOW: hidden; WIDTH: 88px;  HEIGHT: 44px
}
#img_slide .imgs LI img{
	WIDTH: 88px;  HEIGHT: 44px;
}
#img_slide .imgs LI.cur_box {
	BORDER-WIDTH: 2px;  LEFT: 0px; WIDTH: 86px; POSITION: absolute; TOP: 0px; HEIGHT: 42px;border-color:#06f;
}
#img_slide .imgs LI.cur_box I {
	BACKGROUND: #fff; FILTER: alpha(opacity=30); WIDTH: 0px; POSITION: absolute; HEIGHT: 100%; opacity: 0.3
}
#img_slide .btns {
	LEFT: 110px; POSITION: absolute; TOP: 12px
}
#img_slide .btns A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(img/sprite.gif) no-repeat -160px 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 17px; PADDING-TOP: 17px; POSITION: absolute; HEIGHT: 0px; outline: none
}
#img_slide .btns A.play_pause {
	BACKGROUND-POSITION: -160px 0px; LEFT: 339px; WIDTH: 34px
}
#img_slide .btns A.on_pause {
	BACKGROUND-POSITION: -160px -17px
}
#img_slide .btns A.prev {
	BACKGROUND-POSITION: -160px -34px; LEFT: 66px; VISIBILITY: hidden
}
#img_slide .btns A.next {
	BACKGROUND-POSITION: -177px -34px; LEFT: 388px; VISIBILITY: hidden
}
#img_slide .btns A.prev:hover {
	BACKGROUND-POSITION: -160px -51px
}
#img_slide .btns A.next:hover {
	BACKGROUND-POSITION: -177px -51px
}
#img_slide .btns SPAN.index_status {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(img/sprite.gif) no-repeat -160px -68px; LEFT: 295px; PADDING-BOTTOM: 0px; FONT: bold 14px/1.1 Arial; OVERFLOW: hidden; WIDTH: 34px; COLOR: #fff; PADDING-TOP: 1px; POSITION: absolute; HEIGHT: 16px; TEXT-ALIGN: center
}
#img_slide .cons {
	BACKGROUND: #000; OVERFLOW: hidden; POSITION: relative; HEIGHT: 260px;
}
#img_slide .cons .mask {
	RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/slide_mask.png", sizingMethod="scale"); WIDTH: 299px; POSITION: absolute; TOP: 0px; HEIGHT: 231px
}
#img_slide .cons .desc {
	Z-INDEX: 10; WIDTH: 192px; COLOR: #ccc; POSITION: absolute;right:8px; top:20px;
	line-height:25px; font-size:12px;
}
#img_slide .cons .desc A {
	COLOR: #06f
}
#img_slide .cons .desc H2 {
	FONT-SIZE: 14px;
	margin-bottom:10px;
	display:block;
	text-align:center;
}
#img_slide .cons .desc A.btn_play {
	PADDING-RIGHT: 0px; MARGIN-TOP: 0.6em; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Library/homepage2009/style/img/btn_play1.png", sizingMethod="scale"); PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 70px; PADDING-TOP: 23px; HEIGHT: 0px
}
#img_slide .cons .desc A.btn_play:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Library/homepage2009/style/img/btn_play2.png", sizingMethod="scale")
}
#img_slide .con2 {
	LEFT: 0px; WIDTH: 9999px; POSITION: absolute; TOP: 0px
}
#img_slide .img_item {
	FLOAT: left; WIDTH: 728px; POSITION: relative
}
#img_slide .img_item img{
	width:520px;
	height:260px;
}

/*首页用户区*/
.mb_right {
	float: right;
	width: 236px;
}
.square_user_box {
height: 334px;
position: relative;
overflow:hidden;
padding:0px;
}
.fz_db_font {
padding: 33px 10px 0 18px;
color: #666;
}
.fz_db_font h3 {
font-size: 21px;
font-weight: normal;
text-align: left;
margin-bottom: 20px;
}
.fz_db_font p {
font-size: 14px;
line-height: 1.6;
text-align:left;
}
.slb_btn_area::after, .slb_other_login::after, .square_user_db::after, .user_interset_look::after {
	content:'';
display: block;
height: 0;
clear: both;
}
.square_login_box {
width: 196px;
margin: 0 auto;
padding-top: 25px;
}
.square_login_box .tit {
margin-bottom: 10px;
text-align:left;
color:#8A8A8A;
}
.slb_btn_area {
margin-bottom: 10px;
}
.slb_btn {
float: left;
width: 98px;
height: 38px;
background: url(../images/square_spr.png) no-repeat;
line-height: 300;
overflow: hidden;
}
.slb_btn_login {
background-position: 0 -243px;
}
.slb_btn_login:hover {
background-position: 0 -283px;
}
.slb_btn_reg {
background-position: -98px -243px;
}
.slb_btn_reg:hover {
background-position: -98px -283px;
}
.slb_other_login {
width: 194px;
height:33px;
border: 1px solid #E9E9E9;
border-left: 0 none;
}
.slb_other_login a {
color: #878787;
float: left;
width: 96px;
text-indent:30px;
border-left: 1px solid #E9E9E9;
position: relative;
height: 33px;
line-height: 33px;
}
.slb_other_login a:hover, .slb_other_login a.cur {
text-decoration: none;
color: #666;
}
.slb_other_login a img {
position: absolute;
left: 4px;
top: 7px;
}
.slb_other_login a .s {
left: 5px;
top: 7px;
}
.square_user {
position: relative;
padding: 23px 5px 0 89px;
min-height: 60px;
_height: 60px;
text-align:left;
}
.square_user dt {
font-size: 14px;
font-weight: normal;
height: 20px;
line-height: 20px;
}
.square_user dd {
font-size: 12px;
}
.square_user .base_lv_box {
margin: 2px 0 5px;
}
.base_lv_box {
cursor: pointer;
background: url(../images/lv_bg.png) no-repeat;
display: inline-block;
width: 60px;
height: 15px;
font-size: 10px;
font-family: arial;
line-height: 15px;
text-align: center;
color: white!important;
text-shadow: 1px 1px 1px #086cc1;
}
.square_user .ava {
top: 23px;
left: 15px;
position: absolute;
border:1px solid #dfdfdf;
}
.square_user_db {
padding: 22px 0 14px 15px;
}
.square_user_db li {
float: left;
text-align: center;
border-left: 1px solid #EDEDED;
font-size: 14px;
}
.square_user_db li a {
color: #727272;
display: inline-block;
height: 41px;
width: 64px;
padding-top: 3px;
}
.square_user_db li.last {
border-right: 1px solid #EDEDED;
}
.square_interest {
background: url(../images/square_interest.png) no-repeat;
}
.square_user_interest h4 {
font-size: 14px;
font-weight: normal;
padding: 0;
height: 30px;
line-height: 30px;
margin-bottom: 10px;
text-align:center;
background: none;
}
.square_user_interest h4 a {
color: #333;
}
.square_user_interest h5 {
font-weight: normal;
padding-bottom: 5px;
font-size: 14px;
position: relative;
color: #666;
zoom: 1;
text-align:left;
padding-left:16px;
border-bottom:1px solid #dfdfdf;
}
.square_user_interest h5 .del_my {
position: absolute;
right: 0;
top: 0;
color: #6E6E6E;
font-size: 12px;
}
.user_interset_look {
margin: 0 17px;
padding: 10px 0 0;
}
.user_interset_look li {
float: left;
overflow: hidden;
line-height: 1.8;
height: 24px;
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
text-indent:8px;
background:url(../images/dian.png) no-repeat 0px 9px;
}

/*首页特效资源样式
------------------------------------------------------------------------------------*/		
.down_pic_list{margin:0 2px;}
.down_pic_list li{height:170px; width:218px; float:left; text-align:center;padding:10px;margin-bottom:10px;}
	.down_pic_list .pic{padding:6px;border:1px solid #DDD;box-shadow:1px 1px 1px #dfdfdf;width:204px; display:block; text-align:center;}
		.down_pic_list .pic:hover{border-color:#f90;}
		.down_pic_list .pic img{display:block;height:102px;width:204px;}
	.down_pic_list h2{font-size:14px;height:36px;overflow:hidden; line-height:36px; display:block; text-align:center; width:220px; white-space:nowrap; text-overflow:ellipsis;}
	.down_pic_list h2 a{font-weight:normal; color:#444;}
	.down_pic_list h2 a:hover{color:#06f;}
		.down_pic_list .info, .info a{color: #777;}
		.down_pic_list .info a:hover {color:#333;text-decoration:underline;}

/*排行*/
.isidebar{padding:10px 15px 10px 15px;width:278px; float:left; border-right:1px dotted #dfdfdf;}
	.isidebar h3{ border-bottom:1px dotted #dfdfdf;color:#333444;font-size:14px;margin-bottom:2px;padding-bottom:5px; }
	.isidebar .list{ padding-top:4px; overflow:hidden; position:relative; }
		.isidebar .list ol li{ padding:10px 0 0 0; height:26px; font-size:12px; position:relative; color:#000; border-bottom:1px dotted #eeeeee; vertical-align:top; }
			.isidebar .list ol li a{ color:#333; } .isidebar .list ol li a:hover{ color:#0083f3; }
			.isidebar .list ol li .num{ position:absolute; left:0px; top:7px; display:inline-block; vertical-align:-3px; *vertical-align:middle; width:18px; height:18px; margin-right:10px; background:#a0a0a0; font-style:normal; font-size:10px; color:#fff; font-family:Verdana, Geneva, sans-serif; text-align:center; overflow:hidden;}
			.isidebar .list ol li .ibtn{ display:block; width:80px; height:22px; border:1px solid #06f; line-height:22px; color:#ffffff; text-align:center; overflow:hidden; background:#06f; }
		.isidebar .list ol li .ibtn:hover{ color:#ffffff; text-decoration:none; }
		.isidebar .list ol li .photo{ float:left; width:77px; display:none; }
		.isidebar .list ol li .photo img{ display:block; width:65px; height:32px; border:1px solid #979797; }
		.isidebar .list ol li .props{ overflow:hidden; *zoom:1; }
			.isidebar .list ol li .props .name{ margin:0 0 0 25px; width:260px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:1em; }
			.isidebar .list ol li .props .price{ position:absolute; top:10px; right:1px; white-space:nowrap; color:#bb1a00; font:12px arial;  }
			.isidebar .list ol li .props .button{ display:none; }
	.isidebar .list ol li.active{height:auto;padding-bottom:10px;padding-top:10px;*zoom:1;overflow:hidden;}
		.isidebar .list ol li.active .num{top:10px;background-color:#d60007;}
		.isidebar .list ol li.active .photo,
		.isidebar .list ol li.active .button{display:block;}
		.isidebar .list ol li.active .name{margin:-2px 0 0 0;width:auto;white-space:normal;line-height:18px; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
		.isidebar .list ol li.active .price{position:static; color:#bb1a00; font:bold 12px arial; padding-top:3px; height:24px; }
/*最新资讯*/
.index_news{}
.index_news .list ol li{padding:0;height:32px; line-height:32px; font-size:14px; background:url(../images/arrow_ar.gif) 0 15px no-repeat; border-bottom:none;}
.index_news .list ol li .name{margin-left:15px;width:263px;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}

/*最新会员*/
.member{border:0; width:310px;}
.designerList li{border-top:1px solid #f3f3f3; position:relative;height:60px;padding:6px 10px 0 0px; width:145px; float:left;}
.designerList li.borderNone{border:0;}
.designerList li a.c666{color:#666;}
.designerList li a.c666:hover{color:#f30;}
.designerList a.apBtn{ position:absolute;right:10px;top:10px;}
.i_userinfo{margin-left:58px; height:48px; padding-top:10px;}
.pLeft {
float: left;
margin-top: 3px;
}
/*工具*/
.tools{height:52px; line-height:52px; border-top:none;}
.tools dt{ border-right:1px solid #dfdfdf; float:left;}
.tools dt a{ text-decoration:underline;}
.tools dt h2{color:#333; display:block; padding:0 10px;}
.tools dd{width:208px;margin:0 5px;float:left;}
.tools dd:hover{background:#F6F6F6}
.tools dd p{width:32px;height:32px;float:left;margin:2px 10px 0 0;background:url(../images/i.png) no-repeat}
.tools dd .t1{background-position:-62px 0}
.tools dd .t2{background-position:-94px 0}
.tools dd .t3{background-position:-126px 0}
.tools dd .t4{background-position:-158px 0}
.tools dd span{color:#999;display:block}
.tools dd a{color:#333;line-height:18px;display:block;padding:8px 10px}