﻿*{
	margin:0; padding:0;	
}



ul, li {
	list-style-type:none;
}
.t_c {
	text-align:center;
}
img { 
	border:0;
}
.v_m {
	vertical-align:middle;
}
.v_t {
	vertical-align:top;
}
body { 
	color: #333; 
	font-size:12px;
	background:url(../images/img_01.png) repeat-x;
}
table {
	 border-collapse:collapse;
}
.f_b {
	font-weight:bold;
}

a {
	color: #333;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


.c_f { 
	color:#fff;
}
.l { 
	float:left;
}
.r {
	float:right;
}
.c {
	float:center;
}
.bod {
	border:1px solid #CCCCCC;
}

.bod_red {
	border:1px solid #C82020;
}

.text_button{
 	cursor:pointer;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
	zoom: 1;
}
.f18 {
	font-size:18px;
}
.f16 {
	font-size:16px;
}
.f14 {
	font-size:14px;
}
.f12 {
	font-size:12px;
}
.f48 {
	font-size:48px;
}
.ff { 
	font-family:"微软雅黑";
}

.red {
	color:red;
}
.wrap {
	width:100%;
	overflow:hidden;
}
.main {
	width:90%;
	margin:0 auto;
	background:#fff;
}
.mt {
	margin-top:10px;
}

.mt5 {
	margin-top:5px;
}
.ml {
	margin-left:10px;
}

.ml13 {
	margin-left:13px;
}


.ml25 {
	margin-left:25px;
}

.mt12 {
	margin-top:12px;
}

.blue {
	color:#336633;
}
.blue1 {
	color:#315983;
}
.black {
	color:#000000;
}
.f14 {
	font-size:14px;
}
.t_d {
	text-decoration:underline;
}
.c_9 {
	color:#999;
}
.pl10 {
	padding-left:10px;
}

.line_input{
	height:20px;
	font-size:10px;
	color:#555;
	text-align:left;
	padding-left:3px;
	border-color: #DDD;
	background:#FFF;
	border-style: solid; 
	border-top-width: 0px;
	border-right-width: 0px; 
	border-bottom-width: 1px;
	border-left-width: 0px;
}

.white_input{
	height:20px;
	font-size:10px;
	color:#555;
	text-align:center;
	border-color:#FFF;
	background:#FFF;
	border-style: solid; 
	border-top-width: 0px;
	border-right-width: 0px; 
	border-bottom-width: 1px;
	border-left-width: 0px;
}
/*******************header**********************/
.top {
	line-height:25px;
	background:#5e5e5e;
	padding:0 10px;
}
.top a {
	color:#fff;
}
.header_c {
	background:#c82020;
	padding:0px 10px;
}
.logo {
	margin:10px 0px;
}
.nav {
	margin-left:64px;
	margin-top:43px;
	margin-bottom:0px;
}
.nav li {
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:6px 25px;
}
.nav li a {
	font-size:16px;
	color:#fff;
	font-weight:bold;
}
.big_sort {
	background:#5F5F5F;
}
.car {
	padding-top:47px;
}

.discount_box {
	background:#111111;
	height:10px;
}

.search {
	background:url(../images/img_09.png) repeat-x;
	line-height:34px;
	border-top:1px solid #555555;
}
.search_l {
	margin:4px 0 0 5px;
}
.search_btn {
	background:url(../images/img_04.png) repeat-x;
	border:0;
	height:26px;
	width:80px;
	cursor:pointer;
}
.search_txt {
	width:173px;
	height:26px;
	line-height:26px;
	border:0;
	padding-left:5px;
}
.search_r {
	float:left;
	margin-left:18px;
}
.my_prints_button1 {
	float:left;
	background:url(../images/my_prints1.jpg) right center no-repeat;
	width:138px;
	height:34px;
	cursor:pointer;
}
.my_prints_button2 {
	float:left;
	background:url(../images/my_prints2.jpg) right center no-repeat;
	width:138px;
	height:34px;
	cursor:pointer;
}
.navli {
	float:left;
	position:relative;
}
.search_ra {
	color:#fff;
	font-size:14px;
	display:inline-block;
	background:url(../images/img_03.png) right top no-repeat;
	padding:0 20px;
}

.search_ra_1 {
	color:#fff;
	font-size:14px;
	display:inline-block;
	background:#7686A0;
	padding:0 20px;
}

.navli a:hover {
	text-decoration:none;
	background:#7686A0;
}

.navli a:active {
	text-decoration:none;
	background:#7686A0;
}




.navlist {
	background:#fff;
	border: 1px solid #7686A0;
	display:none;
	position:absolute;
	z-index:10;
	top:34px;
	left:0;
	width:100px;
}
.navlist li {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	line-height:17px;
	cursor:pointer;
	color:#1A5D82;
}

.navlist li a {
	padding:20 20px;
	line-height:17px;
	cursor:pointer;
	color:#1A5D82;
}

/*****************list*******************/
.mulu {
	margin-left:8px;
	margin-right:8px;
	margin-top: 8px;
	margin-bottom: 0px;
}
.mulu_l {
	height:25px;
	line-height:25px;
}
.mulu_l a {
	display:inline-block;
	text-align:center;
}
a.dir_home {
	float:left;
	position:relative;
	background:url(../images/home.png) center no-repeat;
	width:44px;
	height:25px;
}
a.dir_home:hover {
	background:url(../images/home_1.png) center no-repeat;
}

a.dir_home:active {
	background:url(../images/home_1.png) center no-repeat;
}
.dir2 {
	float:left;
	position:relative;
	background:url(../images/img_25.png) center;
	height:25px;
	padding:0px 8px;
}
.dir3 {
	float:left;
	position:relative;
	height:25px;
	padding:0px 5px;
	color:#6666666;
}

.dir_space{
	float:left;
	position:relative;
	background:url(../images/img_26.png) center no-repeat;
	width:12px;
	height:25px;
}

.dir_space_1{
	float:left;
	position:relative;
	background:url(../images/img_26_1.png) center no-repeat;
	width:12px;
	height:25px;
}

.zhekou {
	display:block;
	background:url(../images/img_27.png) 95px center no-repeat #ab1010;
	width:104px;
	height:23px;
	line-height:23px;
	border:1px solid #000;
	padding-left:10px;
}
.left {
	width:16%;
	margin-left:8px !important;
	margin-top:3px ;
}

.right {
	width:81%;
	margin-right:10px !important;
	margin-right:5px;
}

.lefth3 {
	line-height:30px;
	background:#dcddde;
	padding-left:5px;

}

.top_border {
	border-top:1px solid #e2e2e2;
}
.lefttitle {
    height:40px;
	background:url(../images/img_35.png) repeat-x;
	background-color: #AAA;
	line-height:40px;
	padding-left:5px;
	font-size:13px;
}
.leftctn ul {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	line-height:40px;
}
.leftctn li a{
	display:block;
	text-decoration:none;
	border-bottom:solid 1px #EEE;
	padding-left:5px;
	background:url("../images/img_39.png") right no-repeat;
}



.tools_lefttitle {
	//background:url(../images/img_35.png) repeat-x;
	cursor: pointer;
	background:#EEE;
	line-height:35px;
	padding-left:5px;
	border-bottom:1px solid #DDD;
}
.tools_leftctn ul {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	//background:#EEE;
}
.tools_leftctn li a{
	height:35px;
	line-height:35px;
	display:block;
	text-decoration:none;
	margin-left:15px;
}

.tools_user_li{
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	border-bottom:solid 1px #DDD;
	color:#555;
}

.tools_user_li_current{
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	border-bottom:dotted 2px #C82020;
	color:#C82020;
	font-weight: bold;
}



.user_li{
	margin-left:10px;
	margin-right:10px;
	padding-top:3px;
}

.red01 {
	color:#990000;
}
.tab {
	width:100%;
	background:#dcddde;
	height:120px;
	margin-top:10px;
	position:relative;
	padding-top:30px;
}

.tab_detail {
	background:url(../images/img_61.png) bottom center no-repeat #dcddde;
	height:30px;
	margin-top:10px;
	position:relative;
	padding-top:30px;
}

.tab_detail_1 {
	background:url(../images/img_61.png) bottom center no-repeat #ddddde;
	height:40px;
	margin-top:3px;
	position:relative;
	padding-top:10px;
	padding-left:0px;
}

.tab_c {
	z-index:100;
}




#page_10_up{
	border:none;
}

#page_10_down{
	border:none;
}


.item_pic_hover{
	border:3px solid red;
	cursor: pointer;
}

.item_pic_no_hover{
	margin: 3px;
	cursor: pointer;
}

.active_page {
	font-size:14px;
	display:inline-block;
	height:17px;
	line-height:17px;
	text-align:center;
	vertical-align:middle;
	margin:0 2px;
	text-decoration:none;
	border:solid 1px #B22A2A;
	background:#C82020;
	color:#FFFFFF;
	padding:0px 2px;
}


.active_page1 {
	float:left;
	width:10px;
	font-size:12px;
	display:inline-block;
	height:15px;
	line-height:15px;
	text-align:center;
	vertical-align:middle;
	margin:0 1px;
	text-decoration:none;
	border:solid 1px #B22A2A;
	background:#C82020;
	color:#FFFFFF;
	padding:0px 2px;
}

.no_active_page1 {
	float:left;
	width:10px;
	font-size:12px;
	display:inline-block;
	height:15px;
	line-height:15px;
	text-align:center;
	vertical-align:middle;
	margin:0 1px;
	text-decoration:none;
	border:solid 1px #B22A2A;
	color:#000000;
	cursor:pointer;
	padding:0px 2px;
}


.prints_mark {
	font-size:12px;
	color:#FFFFFF;
	background:#C82020;
	height:14px;
	line-height:14px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	border:solid 1px #B22A2A;
	padding:0px 0px 0px 2px;
}







.hotsale {
	border:1px solid #a4aab2;
	width:166px;
	height:19px;
	line-height:19px;
	margin-right:30px;
	padding-left:10px;
	background:url(../images/img_05.jpg) right center no-repeat #fff;
	position:relative;
	z-index:100;
}
.slist {
	border: 1px solid #7686A0;
	position:absolute;
	top:19px;
	left:0;
	width:166px;
	padding:10px 5px;
	background:#fff;
	display:none;
}
.tabselect {
	border:1px solid #a4aab2;
	width:98px;
	height:19px;
	line-height:19px;
	padding-left:10px;
	background:url(../images/img_05.jpg) right center no-repeat #fff;
	position:relative;
}
.s02{
	width:98px;
}
.selectbtn {
	background:url(../images/img_06.png) repeat-x;
	border:1px solid #000;
	height:20px;
	line-height:20px;
	padding:0 10px;
	margin-left:15px;
	cursor:pointer;
}



.taba {
	width:100%;
	height:32px;
	overflow:hidden;
	position:absolute;
	background:#fff;
	top:-5px;
	left:0;
}
.taba a {
	float:left;
	background:#f2f2f2;
	border-top:1px solid #dcddde;
	border-left:1px solid #dcddde;
	border-right:1px solid #dcddde;
	line-height:26px;
	width:200px;
	margin-top:5px;
	text-align:center;
	text-decoration:none;
}
.taba a.active {
	height:37px;
	margin:0px 0px;
	background:#dcddde;
	font-weight:bold;
	color: #900;
	line-height:37px;
	text-decoration:none;
}
.taba a.active:hover {
	background:#dcddde;
	color: #900;
}
.taba a:hover{
	background:#A4AAB2;
	text-decoration:none;
}


.page a {
	font-size:14px;
	display:inline-block;
	height:17px;
	line-height:17px;
	text-align:center;
	vertical-align:middle;
	margin:0 2px;
	text-decoration:none;
	border:solid 1px #DCDDDE;
	padding:0px 5px;
}

.page a:hover {
	border:solid 1px #B22A2A;
}

.page a:active {
	border:solid 1px #B22A2A;
}





.d_n {
	padding:0 10px;
}


/*********************画片显示区域*****************************/

.rul li {
	float:left;
	width:183px;
	height:285px;
	margin-left:0px;
	margin-right:8px;
	margin-bottom:8px;
	text-align:center;
}

.x_rul li {
	float:left;
	width:366px;
	height:568px;
	margin-left:0px;
	margin-right:8px;
	margin-bottom:8px;
	text-align:center;
}

.rul li.mn {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:8px;
}


.prints_pic{
	float:left;
	text-align:center;
	vertical-align:middle;
	margin-left:0px;
	margin-top:0px;
	width:183px;
	height:183px;
}

.prints_pic0{
	float:left;
	width:183px;
	height:183px;
	display:table;
	overflow:hidden;
}

.prints_pic1{
	vertical-align:middle;
	display:table-cell;
	text-align:center;
	_position:absolute;
	_top:50%;
	_left:50%;
}


.x_prints_pic{
	float:left;
	text-align:center;
	vertical-align:middle;
	margin-left:0px;
	margin-top:0px;
	width:366px;
	height:456px;
}

.x_prints_pic0{
	float:left;
	width:366px;
	height:456px;
	display:table;
	overflow:hidden;
}

.x_prints_pic1{
	vertical-align:middle;
	display:table-cell;
	text-align:center;
	_position:absolute;
	_top:50%;
	_left:50%;
}


.prints_box {
	margin-top:0px;
	margin-left:5px;
	display:inline-block;
	_position:relative;
	_top:-50%;
	_left:-50%;
}



.box_1{
	float:left;
	width:300px;
	height:400px;
	display:table;
	overflow:hidden;
}

.box_2{
	vertical-align:middle;
	display:table-cell;
	text-align:center;
	_position:absolute;
	_top:50%;
	_left:50%;
}

.box_3 {
	margin-top:0px;
	margin-left:5px;
	display:inline-block;
	_position:relative;
	_top:-50%;
	_left:-50%;
}




.prints_box_top_prints{
	float:left;
	border-left:solid 1px #dddddd;
	border-top:solid 1px #dddddd;
}

.prints_box_top_right{
	float:right;
}

.prints_box_1{
	background:url(../images/DS_RightTop_a.jpg);
}

.prints_box_2{
	background:url(../images/DS_RightTiling_a.jpg) repeat-y;
}

.prints_box_3{
	float:left;
	background:url(../images/DS_BottomLeft_a.jpg);
}

.prints_box_4{
	float:left;
	background:url(../images/DS_BottomTiling_a.jpg) repeat-x;
}

.prints_box_5{
	float:left;
	background:url(../images/DS_BottomRight_a.jpg);
}



.prints_pic_big{
	float:left;
	text-align:center;
	vertical-align:middle;
	margin-left:0px;
	margin-top:0px;
	width:450px;
	height:400px;
}

.prints_pic0_big{
	float:left;
	width:450px;
	height:400px;
	display:table;
	overflow:hidden;
}



.prints_pic_temp{
	float:left;
	text-align:center;
	vertical-align:middle;
	margin-left:0px;
	margin-top:0px;
}

.prints_pic0_temp{
	float:left;
	display:table;
	overflow:hidden;
}












#box_320 .rul li  {
	float:left;
	width:383px;
	height:485px;
	margin-left:0px;
	margin-right:8px;
	margin-bottom:8px;
	text-align:center;
}


.prints_pic_320{
	float:left;
	text-align:center;
	vertical-align:middle;
	margin-left:0px;
	margin-top:0px;
	width:383px;
	height:383px;
}

.prints_pic0_320{
	float:left;
	width:383px;
	height:383px;
	display:table;
	overflow:hidden;
}


/*********************画片显示区域*****************************/






.txt {
	line-height:18px;
	padding:10px 0 16px;
}
.libtn {
	padding-top:3px;
}
.libtn input{
	background:url(../images/img_06.png) repeat-x;
	height:20px;
	line-height:20px;
	border:1px solid #000;
	width:90px;
	cursor:pointer;
}
.r_bottom {
	background:url(../images/img_61.png) bottom center no-repeat #dcddde;
	height:35px;
	padding:5px 10px 0 10px
}
.r_bottom select {
	border:1px solid #a4aab2;
	width:66px;
	height:18px;
}
.bottom {
	background:#677590;
	padding:0px;
	margin-top:3px;
}
.bottom ul {
	width:30%;	
	padding:15px 0 15px 30px;
	line-height:20px;
}
.bottom a {
	color:#fff;
}
/*********************footer*****************************/
.footer {
	width:100%;
	padding-bottom:20px;
	background:#FFFFFF;
}







.button_blue{
	cursor: pointer;
	line-height:23px;
	color:#ffffff;
	font-family:"宋体";
	font-size:12px;
	text-align:center;
	background: -moz-linear-gradient(top, #798ea7, #1f4c7a);
    	background: -webkit-linear-gradient(top, #798ea7, #1f4c7a);
    	background: -o-linear-gradient(top, #798ea7, #1f4c7a);
    	background: linear-gradient(top, #798ea7, #1f4c7a);
    	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #798ea7, endColorstr = #1f4c7a);

}

.button_red{
	cursor: pointer;
	line-height:23px;
	color:#ffffff;
	font-family:"宋体";
	font-size:12px;
	text-align:center;
	background: -moz-linear-gradient(top, #DE5F59, #C3433D);
    	background: -webkit-linear-gradient(top, #DE5F59, #C3433D);
    	background: -o-linear-gradient(top, #DE5F59, #C3433D);
    	background: linear-gradient(top, #DE5F59, #C3433D);
    	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #DE5F59, endColorstr = #C0433D);
}

.rate90{
		-moz-transform:rotate(90deg); 
		-webkit-transform:rotate(90deg); 
		-o-transform:rotate(90deg); 
		transform:rotate(90deg); 
		filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
}




/**tabs**/
.tabPanel ul{height:30px;border-bottom:1px solid #aaa;}
.tabPanel ul li{
	float:left;margin:0 2px 0 0;border:1px solid #aaa;font-size:11px;height:29px;line-height:30px;width:111px;text-align:center;cursor:pointer;
	text-shadow:0 1px 0 #fff;
	border-radius:4px 4px 0 0;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);
	background:#ddd;
	background:-moz-linear-gradient(top, #eee, #ddd);
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
}
.tabPanel .hit{
	border-bottom:1px solid #fff;cursor:pointer;color:black;text-shadow:0 1px 0 #fff;
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fff));
	background:-moz-linear-gradient(top, #e1e1e1, #fff);
}
.pane{border:1px solid #aaa;border-top:0;min-height:100px;background-color:#fff;display:none;}
.pane p{padding:15px 15px 0 10px;}
.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}
/**tabs**/


.choose_group_item{
	float:left;
	height:25px;
	padding-left:10px;
	padding-right:10px;
	margin-right:3px;
	line-height:25px;
	margin-top:8px;
	border:solid 0px #CCC;
	cursor:pointer;
	border-radius:7px;
	color:#333;
	background-color:;
}


.choose_group_item_current{
	float:left;
	height:25px;
	padding-left:10px;
	padding-right:10px;
	margin-right:3px;
	line-height:25px;
	margin-top:8px;
	border:solid 0px #CCC;
	cursor:pointer;
	border-radius:7px;
	color:#FFF;
	background-color:#C82020;
}

.choose_group_item_hover{
	float:left;
	height:25px;
	padding-left:10px;
	padding-right:10px;
	margin-right:3px;
	line-height:25px;
	margin-top:8px;
	border:solid 0px #CCC;
	cursor:pointer;
	border-radius:7px;
	color:#FFF;
	background-color:#C82020;
}