﻿


#DB_gallery{ width:600px; float:left; overflow:hidden;}
#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{ border:none;vertical-align:top; }

#DB_gallery .DB_imgSet {position:relative; width:598px;height:500px;overflow:hidden; }
#DB_gallery .DB_imgSet .DB_imgWin{ width:600px; height:500px; overflow:hidden;
	/*非IE内核*/ 
    display:table-cell; 
    vertical-align:middle; 
    /*IEneihe*/ 
    *display:block; 
    *font-size:236px;/*高度为200PX，则200*0.873约为175px*/ 
    text-align:center; 
}
#DB_gallery .DB_imgSet .DB_imgWin img{
	vertical-align:middle;/*之前的是图片上下左右居中。后面的是处理等比例缩放的*/ 
	max-width:600px; width:expression(this.width > 600 ? "600px" : this.width); max-height:500px; 
	height:expression(this.height > 500 ? "500px" : this.height);
}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#333}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#be2a2a}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#333}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:580px; height:145px;overflow:hidden; background-color:#f8f8f8; padding:10px 10px; }
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0; height:145px;width:820px; overflow:hidden;}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:17px; float:left;}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:8px;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:98px;height:140px; border:2px solid #be2a2a; left:0;top:0}

.DB_thumMove li a{width:100px; height:141px;  overflow:hidden; display:block; border:solid 1px #ddd; background-color:#FFFFFF; }
.DB_thumMove li a img{width:100px; height:125px; margin-top:8px;}

/*.DB_thumMove li a{width:100px; height:63px; overflow:hidden; border:solid 1px #ddd; padding:4px;
    display:table-cell; 
    vertical-align:middle; 
    *display:block; 
    *font-size:236px;
    text-align:center; 
}
.DB_thumMove li a img{
	vertical-align:middle;
	max-width:100px; width:expression(this.width > 100 ? "100px" : this.width); max-height:63px; 
	height:expression(this.height > 63 ? "63px" : this.height);
}*/
#DB_gallery .DB_imgSet{ background-color:#fff; border:solid 1px #ddd;}











