﻿@charset "utf-8";
/* DB_gallery */
#DB_gallery{ width:50%; float:left; position:relative;}
#DB_gallery .DB_imgSet {position:relative;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_imgWin img { width:100%; float:left;}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_page img { width:100%;}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute; bottom:0px; background-image:url(../images/prve.png); width:3%; height:106px; background-repeat:no-repeat; background-position:center center; background-size:100%;cursor:pointer;left:0; z-index:2}

.jycs {position:absolute; bottom:0px; background-image:url(../images/prve.png); width:3%; height:106px; background-repeat:no-repeat; background-position:center center; background-size:100%; background-color:rgba(0,0,0,.5);cursor:pointer;left:0; z-index:1}

.jyxs {position:absolute; bottom:0px; width:3%; height:106px;background-repeat:no-repeat; background-position:center center; background-size:100%; background-image:url(../images/next.png);cursor:pointer;right:0; z-index:1; background-color:rgba(0,0,0,.5);}


#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute; bottom:0px; width:3%; height:106px;background-repeat:no-repeat; background-position:center center; background-size:100%; background-image:url(../images/next.png);cursor:pointer;right:0; z-index:2}

#DB_gallery .DB_thumSet { position:absolute; left:0px; bottom:0px; z-index:9; width:94%; margin-left:3%; background-color:rgba(0,0,0,.5); padding-top:20px; padding-bottom:20px;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0; width:100%; margin:0px; padding-left:12px; }
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;  margin-right:12px; }
#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:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:120px;height:66px;border:2px solid #027b35;left:0;top:0}
#DB_gallery .DB_thumSet .DB_thumMove li img { width:120px; height:66px;border:2px solid #fff;}


 @media screen and (max-width: 1024px){ #DB_gallery { width:100%;}}