﻿/* banner styles */
.fullwidthabnner {
    width: 100% !important;
    max-height: 450px !important;
    position: relative;
}
/*@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}
@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}*/
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
    background: #e25453 !important;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
    background-color: rgba(0,0,0,1) !important;
}
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;

}

    .tp-bullets.simplebullets.round .bullet {
        cursor: pointer;
        width: 40px;
        height: 3px;
        margin-left: 15px;
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
        bottom:120px!important;
    }

.tp-leftarrow.large {
    z-index: 1000000;
    cursor: pointer;
    position: relative;
    background: rgba(0,0,0,.6) url(../images/slider-left-arrow.png) center center no-repeat;
    width: 45px;
    height: 45px;
    margin-left: 12px;
    margin-top: -22px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: rgba(0,0,0,.6) url(../images/slider-right-arrow.png) center center no-repeat;
    width: 45px;
    height: 45px;
    margin-left: -12px;
    margin-top: -22px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthabnner .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

    .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
        width: 5000px;
        position: absolute;
    }

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

    .tp-bullets.tp-thumbs .bullet:hover,
    .tp-bullets.tp-thumbs .bullet.selected {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

    .tp-bannertimer.tp-bottom {
        bottom: 0px !important;
        height: 5px;
    }

@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

        .responsive .tp-bullets.tp-thumbs .tp-mask {
            width: 300px !important;
            height: 30px !important;
        }

        .responsive .tp-bullets.tp-thumbs .bullet {
            width: 60px !important;
            height: 30px !important;
        }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive > ul > li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
    height: 100%;
    width: 100%;
}

    .tp-simpleresponsive > ul > li .slide-content {
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 99;
        display: none;
    }

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

@media only screen and (max-width: 767px) {
    .tp-leftarrow.large, .tp-rightarrow.large {
        opacity: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .tp-leftarrow.large, .tp-rightarrow.large {
        opacity: 0 !important;
    }
}
/* home styles */
#banner {
    position: relative;
}

.banner-slide {
    position: relative;
    overflow: hidden;
    cursor: url(../images/openhand.cur), move;
}
/* banner video */
.video-wrapper {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 101;
}

.video-main {
    background: rgba(0,0,0,0.7);
}

    .video-main .video-content {
        padding: 15px;
        overflow: hidden;
    }

.video-content .video-link {
    float: left;
    width: 28%;
}

.video-content dl {
    float: left;
    width: 70%;
    color: #fff;
    margin-left: 15px;
}

    .video-content dl dt {
        font-size: 3rem;
        padding-top: 5px;
    }

    .video-content dl dd {
        line-height: 30px;
        margin-top: 10px;
    }

        .video-content dl dd.video-detail {
            font-size: 1.2rem;
            font-family: '宋体', sans-serif;
            word-wrap: break-word;
            word-break: break-all;
        }

        .video-content dl dd .video-more {
            color: #fff;
            font-size: 1.6rem;
            display: block;
            width: 116px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #787375;
            position: relative;
            z-index: 20000;
        }

    .video-content dl .lightbox-video-mo {
        display: none;
    }

.manager-part {
    background: url('../images/manager/manager-bg.jpg') 50% 0 fixed;
}
