
#photo-list {
	list-style: none;
	padding:0
}

#photo-list li {
	position:relative;
	height:190px;
	width:150px;
	display: block;
	margin:0px 10px 10px 0px;
	border:1px solid #ccc;
	float:left;
	background-color: #fff;
}

#photo-list li:hover {
	border:1px solid #666;
}

#photo-list li img {
	max-height:150px;
	max-width:150px;
	display: block;
	z-index:0;
	position:relative;
	top:0px;
	left:0px;
}
.checkbox {position:absolute; z-index:200; top:0px; left:0px;}

.handle {
	cursor: move;
	position:relative;
	display: block;
}
.delete {
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:100;
	margin:0 2px 2px 0;
	cursor:pointer;
	background:url(../images/delete.png);
	background-position:top;
}

.delete:hover{
	background-position:bottom;
}

.product_name {
	position:absolute;
	bottom:00px;
	margin-top:2px;
	margin-left:2px;
	width:134px;
	margin-right:16px;
	font-family:arial;
	font-size:12px;
	text-align:left;
	line-height:18px;
	}
.edit {
	display:block;
	float:left;
	width:16px;
	height:16px;
	position:relative;
	left:0px;
	bottom:16px;
	z-index:100;
}

.edit a{
	display:block;
	width:16px;
	height:16px;
	background:#666;
	background:url(../../images/btn_photo_ed.gif);
	background-position:top;
}
.edit a:hover{
	display:block;
	width:16px;
	height:16px;
	background:#ccc;
	background:url(../../images/btn_photo_ed.gif);
	background-position:bottom;
}

