html {
    zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true);}(this));
}
.mod-gallery div,
.mod-gallery ul,
.mod-gallery li {
    margin: 0;
    padding: 0;
}
.mod-gallery ul {
    list-style: none;
}
.mod-gallery img {
    border: none;
}
.mod-gallery .clearfix{
    *zoom: 1;
}
.mod-gallery .clearfix:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content:".";
}

.mod-gallery {
    font-size: 12px;
    color: #B4B4B4;
}
.mod-gallery .gallery-title {
    text-align: left;float:left;color:#fff;
    margin: 20px 30px;
}
.mod-gallery .gallery-title a{color:#fff}
.mod-gallery .gallery-title h2 {
    font-size: 26px;color:#ccc;font-family:'Microsoft YaHei';margin-bottom:10px
}
.mod-gallery .gallery-title span {
	margin-right:10px
}
.mod-gallery .gallery-description {
    color: #FFF;
    background-color: #111;
}
.mod-gallery .gallery-toolbar {
    margin: 5px 0;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
	float:right;
}
.mod-gallery .gallery-toolbar a {
    display: inline-block;
    _zoom: 1;
    text-decoration: none;
    outline: none;
}
.mod-gallery .gallery-toolbar a.gallery-auto-play {
    background-position: 1px 4px;
}
.mod-gallery .gallery-toolbar a.gallery-auto-stop {
    background-position: 0 -14px;
}
.mod-gallery .gallery-toolbar a.gallery-view-origin {
    background-position: 0 -48px;
}
.mod-gallery .gallery-toolbar a.gallery-view-list {
    background-position: 0 -65px;
}

.mod-gallery .gallery-content {
    padding: 10px 30px 0;
}
.mod-gallery .gallery-photo-description {
    margin: 10px 0 15px;
    line-height: 21px;
    color: #FFF;
}
.mod-gallery .gallery-end {
    display: none;
    width: 500px;
    height: 280px;
    padding: 20px;
    position: absolute;
    background: #000;
    color: #FFF;
    text-align: left;
}
.mod-gallery .gallery-end a,
.mod-gallery .gallery-end a:hover,
.mod-gallery .gallery-end a:active,
.mod-gallery .gallery-end a:visited {
    color: #FFF;
}
.gallery-end .end-close {
    display: block;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/gallery/close.png) no-repeat 0 0;
    _background-image: url(../images/gallery/close-ie6.png);
}
.gallery-end .end-intro {
    padding: 15px 16px 18px;
    border-bottom: dotted 1px #555;
    overflow: hidden;
}
.gallery-end .end-intro .thumb {
    float: left;
    margin-right: 10px;
}
.gallery-end .end-intro .texts {
    height: 90px;
    overflow: hidden;
    zoom: 1;
    position: relative;
}
.gallery-end .end-intro .texts h4 {
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    padding: 10px 0;
}
.gallery-end .end-intro .texts .buttons {
    position: absolute;
    left: 0;
    bottom: 0;
}
.gallery-end .end-related {

}

.mod-gallery {
    overflow: hidden;
    position: relative;
    text-align: left;
}
.mod-gallery .gallery-loading {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    text-align: center;
     background: rgba(5, 5, 5, 0.6);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000'); 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
:root .mod-gallery .gallery-loading {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');
}
.mod-gallery .gallery-loading span {
    display: inline-block;
    _zoom: 1;
    width: 32px;
    height: 32px;
    margin-top: 24px;
    background: transparent url(../images/gallery/loading.gif) no-repeat center center;
}
.mod-gallery .gallery-photo {
    clear: both;
    position: relative;
    min-height: 300px;
    _height: 300px;
    text-align: center;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mod-gallery .gallery-end {
    display: none;
    position: absolute;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.mod-gallery .gallery-photo-items {
    text-align: left;
}
.mod-gallery .gallery-photo-items img {
    position: relative;
}
.mod-gallery .gallery-photo-prev,
.mod-gallery .gallery-photo-next {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    cursor: pointer;
    background: transparent url(../images/gallery/trans.gif) repeat;
}
.mod-gallery .gallery-photo-prev {
    left: 0;
}
.mod-gallery .gallery-photo-next {
    right: 0;
}
.mod-gallery .gallery-photo-prev a,
.mod-gallery .gallery-photo-next a {
    cursor: pointer;
    position: absolute;
    display: none;
    width: 102px;
    height: 95px;
    top: 50%;
    margin-top: -47px;
    outline: none;
    overflow: hidden;
    text-indent: -9999em;
    background: transparent no-repeat center center;
}
.mod-gallery .gallery-photo-prev a {
    left: 15px;
    background-image: url(../images/gallery/prev.png);
    _background-image: url(../images/gallery/prev-ie6.png);
}
.mod-gallery .gallery-photo-next a {
    right: 15px;
    background-image: url(../images/gallery/next.png);
    _background-image: url(../images/gallery/next-ie6.png);
}

.mod-gallery .gallery-footer {
    background:#FAFAFA;
    padding: 10px;
	height:130px;
	overflow:hidden;
	border:1px solid #ccc;
}
.mod-gallery .gallery-thumb {
    overflow: hidden;
}
.mod-gallery .gallery-thumbs {
    margin: 0 30px;
    min-height: 1px;
    _height: 1px;
}

.mod-gallery .gallery-thumb-prev {
    float: left;
	padding-top:22px;
}
.mod-gallery .gallery-thumb-prev a {
    display: block;
    width: 22px;
    height: 82px;
    outline: none;
    cursor: pointer;
    background: transparent url(../images/gallery/scroll-icon.png) no-repeat 0 -103px;
    _background-image: url(../images/gallery/scroll-icon-ie6.png);
}
.mod-gallery .gallery-thumb-prev a.disable {
    background-position: 0 0;
}
.mod-gallery .gallery-thumb-prev a:hover {
    background-position: -1px -206px ;
}
.mod-gallery .gallery-thumb-next {
    float: right;
	padding-top:22px;
}
.mod-gallery .gallery-thumb-next a {
    display: block;
    width: 22px;
    height: 82px;
    outline: none;
    cursor: pointer;
    background: transparent url(../images/gallery/scroll-icon.png) no-repeat 0 -413px;
    _background-image: url(../images/gallery/scroll-icon-ie6.png);
}
.mod-gallery .gallery-thumb-next a.disable {
    background-position: 0 -309px;
}
.mod-gallery .gallery-thumb-next a:hover {
    background-position: -1px -521px;
}

.mod-gallery .gallery-thumb-list {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 6px;
}
.mod-gallery .gallery-thumb-items {
    position: relative;
    left: 0;
    overflow: hidden;
    display: none;
}
.mod-gallery .gallery-thumb-items li {
    float: left;
    overflow: hidden;
    padding: 2px 5px;
    text-align: center;
}
.mod-gallery .gallery-thumb-items li i {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 16px;
    height: 8px;
    line-height: 8px;
    font-size: 0;
}
.mod-gallery .gallery-thumb-items li a,
.mod-gallery .gallery-thumb-items li img {
    display: block;
    margin: auto;
}
.mod-gallery .gallery-thumb-items li a {
    border: 2px solid #FAFAFA;
    outline: none;
    position: relative;
    text-decoration: none;
}
.mod-gallery .gallery-thumb-items li img {
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.mod-gallery .gallery-thumb-items li.current i {
    background: url(../images/gallery/scroll-icon.png) no-repeat -3px -626px;
    _background-image: url(../images/gallery/scroll-icon-ie6.png);
}
.mod-gallery .gallery-thumb-items li.current a {
    border-color: #111;
}
.mod-gallery .gallery-thumb-items li a:hover img,
.mod-gallery .gallery-thumb-items li.current img {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mod-gallery .gallery-thumb-items li span {
    display: block;
    height: 20px;
    padding: 0 5px;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cc000000', EndColorStr='#cc000000');
}
.mod-gallery .gallery-thumb-items li span b {
    font-weight: normal;
}
:root .mod-gallery .gallery-thumb-items li span {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');
}
.mod-gallery .gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #FAFAFA url(../images/gallery/loading.gif) no-repeat center center;
}

/* {{{ 滚动条 */
.mod-bar {
    overflow: hidden;
}
.mod-bar .bar-left {
    float: left;
    width: 5px;
    height: 17px;
    margin-right: -5px;
}
.mod-bar .bar-right {
    float: right;
    width: 5px;
    height: 17px;
    margin-left: -5px;
}
.mod-bar .bar-body {
    float: left;
    width: 100%;
    min-height: 1px;
}
.mod-bar .bar-content {
    position: relative;
    background: transparent url(../images/gallery/bar.png) repeat-x 0 -28px;
    _background-image: url(../images/gallery/bar-ie6.png);
    height: 17px;
    margin: 0 3px;
}
.mod-bar .bar-btn {
    position: absolute;
    display: block;
    width: 36px;
    margin-top: 2px;
    cursor: default;
    outline: none;
}
.mod-bar .bar-btn-left {
    float: left;
    width: 5px;
    height: 13px;
    margin-right: -5px;
    background: transparent url(../images/gallery/bar.png) no-repeat 0 -85px;
    _background-image: url(../images/gallery/bar-ie6.png);
}
.mod-bar .bar-btn-right {
    float: right;
    width: 5px;
    height: 13px;
    margin-left: -5px;
    background: transparent url(../images/gallery/bar.png) no-repeat 0 -167px;
    _background-image: url(../images/gallery/bar-ie6.png);
}
.mod-bar .bar-btn-body {
    float: left;
    width: 100%;
    min-height: 1px;
}
.mod-bar .bar-btn-body span {
    display: block;
    height: 13px;
    margin: 0 5px;
    background: transparent url(../images/gallery/bar.png) repeat-x 0 -140px;
    _background-image: url(../images/gallery/bar-ie6.png);
}
.mod-bar .bar-btn-content {
    display: block;
    width: 14px;
    height: 13px;
    margin: auto;
    background: transparent url(../images/gallery/bar.png) repeat-x 0 -112px;
    _background-image: url(../images/gallery/bar-ie6.png);
}
/* }}} */

.mod-gallery .gallery-photolist {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1C1C1D;
    display: none;
}
.gallery-photolist .gallery-photolist-items {
    margin: 0 3.125%;
    padding-top: 24px;
    overflow: hidden;
}
.gallery-photolist-items li {
    float: left;
    overflow: hidden;

    width: 164px;
    height: 164px;
    padding: 0 8px 60px;
}
.gallery-photolist-items li a {
    display: block;
    overflow: hidden;
    outline: none;
    text-indent: -9999em;

    border: 2px solid #ECECEC;
    width: 160px;
    height: 160px;
}
.gallery-photolist-items li.current a,
.gallery-photolist-items li a:hover {
    border: 2px solid #F9DF53
}
.mod-gallery .gallery-photo-page {
    position: absolute;
    bottom: 50px;
}

.mod-page {
    overflow: hidden;
}
.mod-page a {
    text-decoration: none;
}
.mod-page a {
    display: block;
    overflow: hidden;
    outline: none;

    min-width: 12px;
    _width: 12px;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #767676;
    color: #ECECEC;
}
.mod-page a:hover,
.mod-page .current a{
    background-color: #494949;
    color: #ECDEAE;
}
.gallery-photo-page .page-prev {
    float: left;
    margin-right: 5px;
}
.gallery-photo-page .page-next {
    float: left;
}
.gallery-photo-page .page-items {
    float: left;
}
.gallery-photo-page .page-items li {
    float: left;
    margin-right: 5px;
    text-align: center;
}
.gallery-photo-page .page-items li.current {

}
.gallery-photo-page .page-items li a {

}

/* {{{ 按钮 */
.mod-btn,
.mod-btn:visited {
    padding: 0;
    cursor: pointer;
    border: none;
    background-color: transparent;
    display: inline-block;
    _zoom: 1;
    overflow: hidden;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
}
.mod-btn:hover,
.mod-btn:active {
    color: #EEE;
}
.mod-btn i,
.mod-btn span {
    float: left;
    margin: 0;
    padding: 0;
    height: 22px;
    line-height: 21px;
    _line-height: 22px;
}
.mod-btn b {
    font-weight: normal;
}
.mod-btn .btn-left {
    width: 5px;
    background-position: 0 0;
}
.mod-btn .btn-right {
    float: left;
    width: 5px;
    background-position: 0 -60px;
}
.mod-btn .btn-icon {
    width: 15px;
}
.mod-btn span {
    white-space: nowrap;
    padding: 0 5px;
    background-repeat: repeat-x;
    background-position: 0 -30px;
}

.mod-btn .btn-icon {
    background: url(../images/gallery/btn-icon.png) no-repeat;
    _background: url(../images/gallery/btn-icon-ie6.png) no-repeat;
    margin-right: 2px;
}
.mod-btn .icon-origin {
    background-position: 0 6px;
}
.mod-btn .icon-slide {
    background-position: 0 -29px;
}
.mod-btn .icon-stop {
    background-position: 0 -64px;
}
.mod-btn .icon-comment {
    background-position: 0 -99px;
}
.mod-btn .icon-vote {
    background-position: 0 -135px;
}
.mod-btn .icon-replay {
    background-position: 0 -174px;
}
/* }}} */

.mod-gallery .gallery-toolbar{margin-top:50px;}

.mod-gallery .gallery-toolbar a,
.mod-gallery .gallery-toolbar a:visited {
    color: #FFF;
    text-decoration: none;
}
.mod-gallery .gallery-toolbar a:hover,
.mod-gallery .gallery-toolbar a:active {
    color: #EEE;
}


 .piclist {margin-top:20px !important;}
.piclist li{ float:left;width:100px; height:100px; margin-left:32px !important;}
.piclist li.first{margin-left:0px !important; }
.piclist li img{ width:100px; height:100px;}

.gallery-comment .side-box-left{background:#000;border-color:#000}
    .gallery-comment .side-title,.combox .cf-msg p{color:#fff}