/* /assets/widget/style/component/pictureNew/widget_setting_description/picture.description.css */
.sitewidget-pictureNew .picture-description {
    display: inline-block;
    overflow: hidden;
    text-align: left
}

.sitewidget-pictureNew .picture-description>a {
    text-decoration: none;
    display: block
}

.picture-description.pic-desc-under {
    display: block
}

.sitewidget-pictureNew .pic-desc-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    line-height: 36px;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6)
}

.sitewidget-pictureNew .pic-desc-slide-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    line-height: 36px;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6);
    transform: translateY(100%);
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.sitewidget-pictureNew .pic-desc-slide-top-part {
    position: absolute;
    top: -66%;
    left: 0;
    width: 100%;
    height: 66%;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6);
    transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -webkit-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out
}

.sitewidget-pictureNew .pic-desc-slide-bottom-part {
    position: absolute;
    bottom: -66%;
    left: 0;
    width: 100%;
    height: 66%;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6);
    transition: bottom .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out
}

.sitewidget-pictureNew .pic-desc-slide-left-part {
    position: absolute;
    bottom: 0;
    left: -66%;
    width: 66%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6);
    transition: left .3s ease-in-out;
    -moz-transition: left .3s ease-in-out;
    -webkit-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out
}

.sitewidget-pictureNew .pic-desc-slide-right-part {
    position: absolute;
    bottom: 0;
    right: -66%;
    width: 66%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6);
    transition: right .3s ease-in-out;
    -moz-transition: right .3s ease-in-out;
    -webkit-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out
}

.sitewidget-pictureNew .pic-desc-slide-full {
    position: absolute;
    bottom: -100%;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6);
    transition: bottom .4s ease-in-out;
    -moz-transition: bottom .4s ease-in-out;
    -webkit-transition: bottom .4s ease-in-out;
    -o-transition: bottom .4s ease-in-out
}

.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-full {
    bottom: 0
}

.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-bottom {
    transform: translateY(0);
    transition: all .1s ease
}

.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-top-part {
    top: 0
}

.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-bottom-part {
    bottom: 0
}

.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-left-part {
    left: 0
}

.sitewidget-pictureNew .picture-wrap:hover .pic-desc-slide-right-part {
    right: 0
}

.sitewidget-pictureNew .picture-description-table {
    display: table;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.sitewidget-pictureNew .picture-description-cell {
    display: table-cell;
    padding: 6px;
    vertical-align: middle
}

.sitewidget-pictureNew .picture-description.pic-desc-bottom .picture-description-cell,
.sitewidget-pictureNew .picture-description.pic-desc-slide-bottom .picture-description-cell {
    padding: 0 6px
}

.sitewidget-pictureNew .picture-description.pic-desc-slide-bottom .picture-description-cell {
    padding: 12px
}

.sitewidget-pictureNew .picture-description.pic-desc-bottom .picture-description-cell span,
.sitewidget-pictureNew .picture-description.pic-desc-slide-bottom .picture-description-cell span {
    line-height: inherit !important
}

.sitewidget-pictureNew .pic-desc-zoom-full-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6);
    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out
}

.sitewidget-pictureNew .picture-wrap:hover .pic-desc-zoom-full-border {
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1)
}

.sitewidget-pictureNew .pic-desc-zoom-full-border .picture-description-table {
    box-sizing: border-box;
    padding: 25px
}

.sitewidget-pictureNew .pic-desc-zoom-full-border .picture-description-cell {
    border: 1px solid #fff
}

.sitewidget-pictureNew .pic-desc-zoom-half-full-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, 0.6);
    transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out
}

.sitewidget-pictureNew .singleHoverValue .picture-description {
    -webkit-transition: all .4s;
    transition: all .4s
}

.sitewidget-pictureNew .singleHoverValue:hover .picture-description {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.sitewidget-pictureNew .singleHoverValue img.lazy {
    -webkit-transition: all .4s;
    transition: all .4s
}

.sitewidget-pictureNew .singleHoverValue:hover img.lazy {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale(1.1)
}

.sitewidget-pictureNew .picHoverReflection {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease
}

.sitewidget-pictureNew .picHoverReflection:hover {
    box-shadow: 0 8px 21px 0 rgba(0, 0, 0, 0.42)
}

.sitewidget-pictureNew .picHoverReflection .picture-description {
    -webkit-transition: all .4s;
    transition: all .4s
}

.sitewidget-pictureNew .picHoverReflection:hover .picture-description {
    background-color: rgba(0, 0, 0, 0.1) !important
}