@charset "utf-8";
/* CSS Document */
.DB_thumSet::-webkit-scrollbar {
    width: 3px;
}
.DB_thumSet::-webkit-scrollbar-thumb {
    background-color: rgba(204,204,204,0.2);
    border-radius:50px;
}
.DB_thumSet::-webkit-scrollbar-track {
    background-color: rgba(28,28,28,1);
}
.DB_thumSet:hover::-webkit-scrollbar-thumb{background-color: rgba(204,204,204,0.5);}

#opcitydiv1 { width: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,1); z-index: 1000; height: 100%;display:none; }
#opcitydiv1 .container-fluid{ padding:0; margin:0;}

.DB_thumSet {position:relative;}
.DB_thumSet .DB_thumMove{position:relative;font-size:0}
.DB_thumSet .DB_thumMove li{display:block;  width:80%; height:105px; border:2px solid #ccc; border-radius:5px; overflow:hidden; position:relative; margin:22px auto;}
.DB_thumSet .DB_thumMove li a{ display:block; width:100%; height:100%;}
.DB_thumSet .DB_thumMove li:hover,.DB_thumSet .DB_thumMove li.playon{ border:2px solid #2196f3; background-color:rgba(0,0,0,0.3);}
.DB_thumSet .DB_thumMove li:hover a img,.DB_thumSet .DB_thumMove li.playon a img{ opacity:0.5;}

.DB_thumSet .mSbut{text-align: center; top: 10px;}
.DB_thumSet .mSbut>a{ margin:0px; font-size:16px !important;}

.borimg{ margin:0 auto; padding:0px;}
.borimg>li span{
    z-index: 99999;
    color: #fff;
    display: block;
    width: 100%;
    font-size:14px;
    position:absolute;
    background:rgba(0,0,0,0.3);
    white-space:nowrap; overflow:hidden; text-overflow: ellipsis; text-align:center;
}
.borimg>li>span:first-child{ width:42px; border-radius:5px; top:0px; left:0px; height:20px; line-height:20px;}
.borimg>li>span:nth-child(2){ bottom:0; padding:0px 3px; height: 25px;line-height:25px;}

.DB_List{ background:rgba(51,51,51,1); padding-right:0px; position:fixed; height:100%;}
.DB_video{ position:fixed; right:2%; top:10%;}
.DB_title{ background: #0a0a0a; height:40px; padding-left:10px;}
.DB_title h4{ line-height:40px; color:#fff; padding:0px; margin:0px;}
.DB_imgSet{ overflow: hidden; border: 5px solid #ccc; border-radius: 20px;}
.DB_imgWin{ border: 20px solid #000;  background-color: #000;}


@media (max-width: 1199px){
.DB_video {
    top: 6%;
    right: 1%;
}
.DB_imgWin{ height:470px !important;}
}
@media (min-width: 1200px){
.col-lg-3 {
    width: 25%;
}
.DB_video{top: 6%; right: 1%;}
.DB_imgWin{ height:550px !important;}
}
@media (min-width: 1280px){
.col-lg-3 {
    width:20% !important;
}
.DB_video{top: 6%; right: 3%;}
.DB_imgWin{ height:613px !important;}
}

@media (min-width: 1366px){
.col-lg-3 {
    width:20% !important;
}
.DB_video{top: 1.5%; right: 4%;}
.DB_imgWin{ height:605px !important; border:10px solid #000 !important;}
.DB_thumSet .DB_thumMove li{ height:105px !important;}
.DB_thumSet .mSbut{ top:15px;}
.DB_thumSet .DB_thumMove li{ margin:18px auto;}
}
@media (min-width: 1400px){
.col-lg-3 {
    width:20% !important;
}
.DB_thumSet .DB_thumMove li{ height:120px !important;}
.DB_video{top: 12%; right: 3%;}
.DB_imgWin{ height:710px !important;}
}
@media (min-width: 1650px){
.col-lg-3 {
    width:15% !important;
}
.DB_thumSet .DB_thumMove li{ height:120px !important;}
.DB_video{ top:4.5%; right:5.5%;}
.DB_imgWin{ height:850px !important;}
}

.closeA {
    color: #ddd;
    position:fixed;
    right: 10px;
    top: 10px;
    font-size: 40px;
}
.closeA:hover{ text-decoration:none; color:#fff;}

#newBridge{ z-index:999 !important;}