.job .tabs li{
	float: left;
	margin-right:2px;
}
.job .tabs li.last{
	margin-right: 0px;
}
.tabs li a{
	display: block;
	width: 148px;
	height:45px;
	line-height:45px;
	text-align: center;
	color:#817867;
	font-size: 18px;
	position: relative; 
	background-color:#f6e9cc;
	border:1px solid #ddcead;
	transition:all 0.6s ease-out;    
	-webkit-transition:all 0.6s ease-out;    
	-moz-transition:all 0.6s ease-out;    
}
.tabs li.current a{
	background-color:#aa0000;
	color:#f8e9cb;
	border:1px solid #aa0000;  
}
.tab-content .jobitem{
	display: none;
}
.tab-content> .jobitem.current{
	display: block;
}
.job-show{
	position: absolute;
	bottom:30px;
	right: 0px;
	z-index: 1; 
}
.job0 .job-show{
	background: url("https://static.web.sdo.com/woool/pic/woool_act/Data/images/job0-0.png?v=123") no-repeat top center;
	width: 459px;
	height: 585px;
}
.job1 .job-show{
	background: url("https://static.web.sdo.com/woool/pic/woool_act/Data/images/job1-1.png?v=123") no-repeat top center;
	width: 505px;
	height: 578px;
}
.job2 .job-show{
	background: url("https://static.web.sdo.com/woool/pic/woool_act/Data/images/job2-2.png?v=1xxc23") no-repeat top center;
	width: 389px;
	height: 540px;
}
.job3 .job-show{
	background: url("https://static.web.sdo.com/woool/pic/woool_act/Data/images/job3-3.png?v=123") no-repeat top center;
	width: 492px;
	height: 585px;
}
.job4 .job-show{
	background: url("https://static.web.sdo.com/woool/pic/woool_act/Data/images/job4-4.png?v=123") no-repeat top center;
	width: 588px;
	height: 532px;
}
.job-desc{
	position: absolute;
	left: 60px;
	top: 110px;
	width: 320px;
	display: block;
	z-index: 2;
}
.job-desc h2{
	font-size: 60px; 
}
.job-desc h3{
	font-size: 24px;
	line-height: 1.6; 
}
.job-desc h4{
	line-height:3; 
}
.job-desc p{
	line-height: 28px;
}
.job0 .job-desc h2{
	color:#fff;
}
.job0 .job-desc h3{
	color:#fff;
}
.job0 .job-desc h4{
	color:#fff;
}
.job0 .job-desc p{
	color: #fff;
}
.job1 .job-desc h2{
	color:#ddcf84;
}
.job1 .job-desc h3{
	color:#fff3da;
}
.job1 .job-desc h4{
	color:#fff3da;
}
.job1 .job-desc p{
	color: #fcefd4;
}
.job2 .job-desc h2{
	color:#b7d9f6;
}
.job2 .job-desc h3{
	color:#eceaf1;
}
.job2 .job-desc h4{
	color:#eceaf1;
}
.job2 .job-desc p{
	color: #eceaf1;
}
.job3 .job-desc h2{
	color:#3effb3;
}
.job3 .job-desc h3{
	color:#e2f0ea;
}
.job3 .job-desc h4{
	color:#eceaf1;
}
.job3 .job-desc p{
	color: #e2f0ea;
}

.job4 .job-desc h2{
	color:#ffba00;
}
.job4 .job-desc h3{
	color:#fff3e7;
}
.job4 .job-desc h4{
	color:#fff3e7;
}
.job4 .job-desc p{
	color: #fff3e7;
}
.list li{
	width:350px;
	float:left; 
	padding: 30px 4px;
	position:relative; 
	border-bottom: 1px solid #ddcead; 
}
.list li.even{
	float: right;
}
.list li .hover{
	position: absolute;
	left:90px;
	top:0px;
	width:210px; 
	color:#ede6e6; 
	background:#000;
	padding:20px;
	opacity:0;
	filter:alpha(opacity=0); 
	z-index:3; 
	border-radius:6px; 
	transition:all 0.6s ease-out;    
	-webkit-transition:all 0.6s ease-out;    
	-moz-transition:all 0.6s ease-out;    
	background:rgba(0,0,0,0.72);   
}
.list li:hover .hover{
	left:80px;
	opacity:1;
	filter:alpha(opacity=100);   
}
.list li .hover i{
	width: 0;
    height: 0;
    position: absolute;
    left: -14px;
    top:34px;
    border-top: 10px solid transparent;
    border-right: 100px solid #000;
    border-right: 14px solid rgba(0,0,0,.72);
    border-bottom: 10px solid transparent;
}
.list li .hover h1{
	font-size:16px;
	font-weight: bold;
	padding-bottom:6px;  
}
.list li .hover p{
	line-height:1.4; 
}
.list .table-wrap .td1{
	width: 60px;
	height:60px;
	display: block; 
	position: relative;
	background-color:#f6e9cc;
	border:1px solid #ddcead; 
}
.list .img-wrap{
	padding: 0px;
	width: 30px;
	height: 30px;
	border-radius: 2px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-15px;
	margin-top: -15px; 	
}
.list .img-wrap img{
	display: block;
	width: 100%;
}
.list .td2{
	vertical-align: top;
	padding-left:14px; 
}
.list .td2 h2{
	font-size: 18px;
	font-weight: bold;
	color:#665544;
	padding-bottom:3px; 
}
.list .td2 p{
	font-size: 12px;
	color:#665544;
	min-height:40px; 
	line-height: 20px;
	width:274px;  
}