﻿@charset "utf-8";
/* 代码整理：懒人之家 */

ul, li {
	text-align:center;
	margin:0;
	padding:0;
}

#dt-left {
	position:relative;
	width:489px;
	height:300px;
	margin:15px auto;
	float: left;
}

#dt-left .list {
	position:relative;
	width:450px;
	height:300px;
	margin: 0 auto;
	overflow:hidden;
	
}
#dt-left .list ul {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
#dt-left .list li {
	margin:0 auto;
	padding:0;
	width:450px;
	height:300px;
	overflow:hidden;
	float: left;
}

#dt-left .count {
	position:absolute;
	right:20px;
	bottom:5px;
}
#dt-left .count li {
	color:#fff;
	float:left;
	width:20px;
	height:20px;
	background:#000;
	margin-right:5px;
	overflow:hidden;
	text-align:center;
}
#dt-left .count li.current {
	color:#fff;
	opacity:1;
	font-weight:700;
	background:#460046;
}
#tmp {
	width:100px;
	height:100px;
	background:red;
	position:absolute;
}

#dt-left1 {
	width:490px;
	height:300px;
	margin:10px auto;
	float: left;
}

#dt-left1 .list {
	position:relative;
	width:450px;
	height:300px;
	margin: 0 auto;
	overflow:hidden;
	
}
#dt-left1 .list ul {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
#dt-left1 .list li {
	margin:0 auto;
	padding:0;
	width:450px;
	height:300px;
	overflow:hidden;
	float: left;
}

#dt-left1 .count {
	position:absolute;
	right:20px;
	bottom:5px;
}
#dt-left1 .count li {
	color:#fff;
	float:left;
	width:20px;
	height:20px;
	background:#000;
	margin-right:5px;
	overflow:hidden;
	text-align:center;
}
#dt-left1 .count li.current {
	color:#fff;
	opacity:1;
	font-weight:700;
	background:#460046;
}
        .slideBox{ width:450px; height:300px; overflow:hidden; position:relative; border:1px solid #ddd; margin:0 20px; }
		.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#000; cursor:pointer; color: #fff;}
		.slideBox .hd ul li.on{ background:#460046; color:#fff; font-weight: bold; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:450px; height:300px; display:block;  }
