body{background:url(../common/bk.jpg)}
*{padding:0; margin:0}
body ul { padding: 0; margin: 0; } li { list-style: none; } img { border: 0; }

.play { width: 1035px; height: 923px; background: #333; font: 12px Arial; margin:0 auto;}
.big_pic { width: 720px; height: 908px; overflow: hidden; border-bottom: 1px solid #ccc; background: #222; position: relative; flaot:left; top: 5px; left: 30px; }
.big_pic li { width: 720px; height: 908px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; background: url(../common/images/loading.gif) no-repeat center center; }
.mark_left { width: 360px; height: 908px; position: absolute; left: 0; top: 0; background: red; filter: alpha(opacity:0); opacity: 0; z-index:3000; }
.mark_right { width: 360px; height: 908px; position: absolute; left: 360px; top: 0; background: green; filter: alpha(opacity:0); opacity: 0; z-index:3000; }
.big_pic .prev { width: 60px; height: 60px; background: url(../common/images/btn.gif) no-repeat; position: absolute; top: 400px; left: 10px; z-index: 3001; cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.big_pic .next { width: 60px; height: 60px; background: url(../common/images/btn.gif) no-repeat 0 -60px; position: absolute; top: 400px; right: 10px; z-index: 3001;cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.big_pic .text { position: absolute; left: 10px; top: 302px; z-index: 3000; color: #ccc; }
.big_pic .length { position: absolute; right: 10px; bottom: 4px; z-index: 3000; color: #ccc; }
.big_pic .bg { width: 400px; height: 25px; background: #000; filter: alpha(opacity=60); opacity: 0.6; position: absolute; z-index: 2999; bottom: 0; left: 0; }
.big_pic img{ width:100%; height:100%;}
.small_pic { width: 150px; height: 860px; position: relative; float:left; top: 30px; left: 20px;overflow: hidden; }
.small_pic ul { height: 200px; position: absolute; top: 0; left: 0; }
.small_pic li { width: 150px; height: 200px; padding-bottom: 15px; background: url(images/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity=60); opacity: 0.6; }
.small_pic img { width: 150px; height: 200px; }


.diamond { 
	left:10px;
	width: 130px; 
	height: 860px; 
	position: relative; 
	float:left; 
	top: 30px;
	font-size:14px;
}
.diamond li{margin-top:24px;background-color:#666666;}

.color_o{
	background-color:#666666;
	margin:5px 0px;
	padding:14px 5px 14px 5px;
	vertical-align:middle;
	}
.color_t{
	background-color:#666666;
	margin:5px 0px;
	padding:6px 5px 6px 5px;
	vertical-align:middle;
	}	
	
a{text-decoration: none;}
a:link {color:#FFFFFF;}
a:visited {color:#FFFFFF;}
a:active {color: green;}
a:hover {color: red;}

.diamond img { width: 50px; height: 50px;z-index: 0; top:10px;}
img{border: 0px;}
@media screen and (max-width:1000px){
	body{width:100%;}
	}