.article-item{
    width:100%;
    margin-top:10px;
    position:relative;
    height:275px;
    overflow:hidden;
}

@media screen and (max-width: 768px){
    
    .article-item{
        height:370px;
    }
}

.article h2{
    color:#3b4749;
    font-size:1.6em;
    border-bottom:1px solid #ebebeb;
    padding-bottom:12px;
    font-weight:300;
}

.article-nav{
    float:right;
    margin-top:-45px;
    z-index:999;
    position:relative;
    width: 100px;
    margin-right: 3px;
}

.pager-count{
    float:left;
    padding-top: 5px;
    margin: 0 5px;
}

.article-nav div {
    float:left;
}

.article-nav .button{
    background:#c8c8c8;
    text-align:center;
    /*padding:7px 4px 2px 9px;*/
    width: 25px;
    height: 27px;
}

.article-nav .button a{
    cursor:Default;
    width: 100%;
    display: block;
    padding: 6px 9px 6px 9px
}

.article-nav .activeLink{
    background:#199fff;
}

.article-nav .activeLink a {
    cursor:pointer;
}

.detailImg{
    padding:0 0 30px 30px;
}

.article-nav-ico{
    width:8px;
    height:14px;
    display:inline;
    background:url('../images/article-nav-arrow.png') no-repeat top center;
    padding:0px 7px;
}

.article-nav .right-arrow{
    background-position: 0 -20px;
}

.article-nav .left-arrow{
    background-position: 0 0;
}

.article-nav .number{
    color:#3b4749;
    margin:4px 10px 0 10px;
    background:none;
    padding:0;
    display:inline-block;
}

.article-slider{
    list-style:none;
    margin:0;
    padding:0;
}

.article-slider li{
    font-size:1em;
}


.article-item-image{
    width:100%;
    overflow:hidden;
}

.article-item-image img{
    width: 124%;
    margin-left: -12%;
    margin-top: -10%;
}

.article-item-content{
    width:100%;
    min-height:97px;
    background:url('../images/article-black-background.png');
    color:#fff;
    padding:10px 35px 10px 10px; 
    position:absolute;
    bottom:0;
}

.article-item a:hover .article-item-content{
    background:url('../images/article-blue-background.png');
}

.article-item-content-arrow{
    width:30px;
    height:100%;
    background:url('../images/article-blue-arrow.png') no-repeat center right;
    position:absolute;
    right:0;
    top:0;
}

.article-item-content p{
    color:#fff;
    line-height:1.3em;
    font-size:1em;
    margin:0 0 10px;
    padding:0;
}

/***category boxes***/

.category-item{
    width:100%;
    position:relative;
    margin-top:20px;
    min-height: 200px;
}

.category-item-image{
    width:100%;
    overflow:hidden;
}

.category-item-image img{
    width:100%;
}

.category-item-content{
    width:100%;
    min-height:67px;
    background:url('../images/article-black-background.png');
    color:#fff;
    position:absolute;
    bottom:0;
}

.category-margin{
    margin-bottom:20px;
}

.category-item a:hover .category-item-content{
    background:url('../images/article-blue-background.png');
}

.category-item-content p{
    color:#fff;
    line-height:1.3em;
    font-size:1em;
    margin:0 0 10px;
    font-weight:500;
    vertical-align:middle;
    padding:0 35px 0 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.category-item-content-arrow{
    width:23px;
    height:100%;
    background:url('../images/category-blue-arrow.png') no-repeat center right;
    position:absolute;
    right:0;
    top:0;
}

.article-button{
    width:195px;
    height:49px;
    padding-top:14px;
    color:#fff;
    display:block;
    background:url(../images/contact-box-button.png) no-repeat bottom center;
    text-decoration:none;
    margin-top:40px;
    text-align:center;
    font-size:1.1em;
    float:right;
    font-weight:500;
}

.article-button:hover{
    text-decoration:none;
    color:#fff;
    opacity:0.8;
}

.video-play{
    width:64px;
    height:64px;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin:-64px 0 0 -32px;
    background:url('../images/play-video.png');
}

.video-play-media{
    width:64px;
    height:64px;
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin:-33px 0 0 -32px;
    background:url('../images/play-video.png');
}

.news-pager{
    margin-top:20px;
}

.news-pager a{
    background:#199fff;
    text-align:center;
    padding: 5px 10px 5px 10px;
    color:#fff;
    text-decoration:none;
}

.PagerNumberArea{
    margin-top:15px;
}

.news-pager a:hover{
    background:#0e71b8;
}

.news-pager .SelectedPage{
    background:#c8c8c8;
    text-align:center;
    padding: 5px 10px 5px 10px;
    color:#fff;
}

.SelectedPrev, .SelectedNext{
    background:#c8c8c8;
    text-align:center;
    padding: 5px 10px 5px 10px;
    color:#fff;
}

.example-image{
    position:relative;
}