﻿
/* jssor slider arrow navigator skin 05 css */
/*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('/Style Library/SP.QNP/app/img/slider/a17.png') no-repeat;
    overflow: hidden;
}
#backtoTop {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 30px;
    height: 40px !important;
    width: 40px !important;
    background: rgba(232, 98, 86, 0) url(//cdn.quangninh.gov.vn/Resources/app/img/icon_gototop.png) no-repeat center 50% !important;
}
.footer .wrap {
    width: auto !important;
}
.jssora05l {
    background-position: -10px -40px;
}

.jssora05r {
    background-position: -70px -40px;
}


.jssora05l:hover {
    background-position: -130px -40px;
}

.jssora05r:hover {
    background-position: -190px -40px;
}

.jssora05l.jssora05ldn {
    background-position: -250px -40px;
}

.jssora05r.jssora05rdn {
    background-position: -310px -40px;
}

/* jssor slider thumbnail navigator skin 01 css */
/*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
.jssort01 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
}

.jssort01 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
    box-sizing: content-box;
    background: url('/Style Library/SP.QNP/app/img/slider/t01.png') -800px -800px no-repeat;
    _background: none;
}

.jssort01 .pav .c {
    top: 2px;
    _top: 0px;
    left: 2px;
    _left: 0px;
    width: 68px;
    height: 68px;
    border: #000 0px solid;
    _border: #fff 2px solid;
    background-position: 50% 50%;
}

.jssort01 .p:hover .c {
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border: #fff 1px solid;
    background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 72px;
    height /**/: 72px;
}
@media (min-width: 992px) {
    .row.row-normal [class*="col-"] {
        padding-right: 10px;
        padding-left: 10px;
    }
    .row.row-normal [class*="col-"]:first-child {
        padding-right: 5px;
    }
    .row.row-normal [class*="col-"]:last-child {
        padding-left: 5px;
    }
}
@media (max-width: 900px) {
     .videos{
        padding-left:5px !important;
        padding-right:5px !important;
    }
}
 .padding-top15{
        padding-top:15px;
       
}
 .border-gray{
        border:1px solid #ddd !important;
 }
 .img-library{
    width: auto !important;
    height: auto !important;
    text-align:center !important;
    margin:0 auto !important;
     position: relative !important;

 }


 .videos {
    padding-left: 0px !important;
}

    .videos .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .videos [class*="col-"] {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .videos .thumbnail {
        margin-bottom: 10px;
    }
    .ptitle{
    position: absolute;
    margin-right: 10px;
    width: 88%;
    top: 75px;
    background: rgba(0, 34, 54, 0.27);
    padding: 8px;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    }
  span.view{
        margin-top:20px !important;
    }
  .widthper{
      width:60%;
  }
      .videos .paging_bootstrap{
        position:relative;
        float:right;
    }