/*
Theme Name: Quik Gallery
Theme URI: http://wpexplorer.com
Description: Gallery/Blog style theme by <a href="http://www.wpexplorer.com/">WPExplorer</a>
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Version: 1.0
*/


/* ---------------------- 百叶窗banner  -------------------------- */
#slider-wrap{width:100%; height:500px;}   /*可以修改宽高*/
#slider{position: relative; width:100%; height:500px; background:#FFF;} /*可以修改宽高*/
#slider img{position:absolute; top:0; left:0; display:none; width:100%; height: 500px;}/*可以修改宽高*/
.nivoSlider{position:relative;overflow: hidden;}
.nivoSlider img{position:absolute; top:0px; left:0px}
.nivoSlider a.nivo-imageLink{position:absolute; top:0px;display:block;left:0px;width:100%;height:500px;border:0;padding:0;margin:0;z-index:6;}/*可以修改宽高*/
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-caption{position:absolute; left:0; bottom:0; background:#000;width:100%; z-index:50; height: 40px; }/*可以修改宽高*/
.nivo-caption p{width:100%;height: 40px; text-indent: -9999px}/*可以修改宽高*/
.nivo-controlNav{position:absolute; left:50%; bottom:20px; margin-left: -44px; z-index: 100;}/*可以修改左右上下间距*/
.nivo-controlNav a{
    position: relative;
    display: inline-block;
    text-indent: 0;
    margin: 4px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    color: white;
    text-align: center;
    cursor: pointer;
    behavior: url(../fonts/PIE.htc);
    z-index: 2;
}
.nivo-controlNav a.active{
    border: 2px solid #24abd8;
    background-color: #24abd8;
}
.nivo-controlNav a:hover{
    text-decoration: none;
}
.nivo-directionNav a {position:absolute;top:0;z-index:9;cursor:pointer;}   /*左右切换按钮，不能删除，如果不需要可以设背景，删除会引起图片错位*/
.nivo-directionNav a {display:block;width:80px;height:100%;text-indent:-9999px;border:0;}
a.nivo-nextNav {
    right:0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;

}
a.nivo-prevNav {
    left:0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
a.nivo-nextNav:before{
    content: '';
    position: absolute;
    top:50%;
    margin-top: -20px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: url(../img/icon_right.png) no-repeat center;
    background-size: 100%;
    -ms-behavior: url(../fonts/backgroundsize.min.htc);
    behavior: url(../fonts/backgroundsize.min.htc);
}
a.nivo-prevNav:before{
    content: '';
    position: absolute;
    top:50%;
    margin-top: -20px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: url(../img/icon_left.png) no-repeat center;
    background-size: 100%;
    -ms-behavior: url(../fonts/backgroundsize.min.htc);
    behavior: url(../fonts/backgroundsize.min.htc);
}
.item-p {
    position: absolute;
    bottom: 20px;
    left: 50px;
    max-width: 40%;
    line-height: 24px;
    padding: 10px 15px;
    font-size: 14px;
    z-index: 10;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#50000000,endColorstr=#50000000);
}

