#article{
    min-height: 180px;
    width: 990px;
}

#article_slideshow{
    background:#DBDBDD;
    height: 300px;
    z-index: 0;
    margin-bottom: 20px;
}

#article_slideshow .image-wrap{
    z-index: 0;
    height: 300px;
    position: relative;
}

#article_slideshow .image-wrap #slidenav{
    float: left;
    margin-top: 36px;
    margin-left: 10px;
    width: 90px;
    position: relative;
}

#article_slideshow .image-wrap #slidenav > div{
    cursor: pointer;
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
    border: 3px solid #747476;
    margin-bottom: 1px;
    width: 55px;
    height: 30px;
    overflow: hidden;
}

#article_slideshow .image-wrap #slidenav .dark{
    width:60px;
    height:32px;
    background-color:black;
    opacity:0.3;
    position:absolute;
    top:0px;
    left:0px;
    margin:0px;
    filter: alpha(opacity=30);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30) !important;
}

#article_slideshow .image-wrap .sliderpagermoving{
    position: absolute;
    left: -200px;
    top: -500px;
    z-index: 500;
    display: none;
    margin-top: 26px;
}

#article_slideshow .image-wrap .sliderpagermoving .arrow{
    background:url("../images/slideshow/arrow.png") no-repeat left top;
    width:82px;
    height:36px;
    float: left;
    margin-left: 10px;
    margin-top: 9px;
    z-index: 601;
}

#article_slideshow .image-wrap #slideshow{
    /* display: none;*/
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#article_slideshow .image-wrap #slideshow img{
    width: 870px;
    height: 290px;
}

#article_slideshow .image-wrap .good_desc{
    color: #000;
    width: 352px;
    padding: 10px 20px;
    position: absolute;
    right: -10px;
    top: 0px;
}
#article_slideshow .image-wrap .good_desc .slideshow_text p,
#article_slideshow .image-wrap .good_desc .slideshow_text span{
    margin: 0px;
    line-height: 24px;
}

#article_slideshow .image-wrap .good_desc p{margin: 0px}
#slideshow a {
    text-decoration: none;
}
#article_slideshow .image-wrap #slideshow .image_link{
    float: right;
    width: auto;
    background:url("../images/slideshow/link3.png") no-repeat right center white;
    width: auto;
    padding: 3px 20px 2px 5px;
    margin-right: 40px;
    cursor: pointer;
    margin-top: 20px;
    font-family: Arial;
    font-weight: bold;
    color: #696969;
    display:none;
    vertical-align: middle;
    clear: both;
    float: right;
    font-size:12px;
    text-decoration: none;
    border:1px solid #696969;
}

/* Another part of page */
#article {
    padding: 10px 0px !important;
    margin: 0px auto;
    width: 1000px;
}
#article  ul {
    font: 14px Verdana, Geneva, sans-serif;
    text-align: justify;
    padding-left: 0px;
    margin-left: 0px;
    /* Обнуляем для родителя*/
    line-height: 0;
    font-size: 1px; /* 1px для Opera */

    /* Лекарство для IE6-7*/
//text-justify: newspaper;
//zoom:1;

    /* Включаем в работу последнюю строку*/
    text-align-last: justify;
}
#article  ul:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}
#article  ul li  {
    position: relative;
    /*background: #E76D13;*/
    background: url("../images/slideshow/line_white_gradient.jpg") repeat-x left 131px;

    display: inline-block; /*ipad*/

    text-align: left;

    /* Востанавливаем у потомков, кроме последнего*/
    line-height: normal;
    font-size: 14px;

    /* Без него в Opera будет отступ под элементами */
    vertical-align: top;


}

#article  ul li div.title{
    text-align: center;
    color:#004687;
    font-weight: bold;
    margin-top: 5px;
    font-size: 12px;
    text-align-last: center;
}

#article  ul li> a{
    text-decoration: none;
}

/*Slideshow page*/
#article {
    padding: 10px 0px !important;
    margin: 0px auto;
    width: 1000px;
}
#article  ul {
    font: 14px Verdana, Geneva, sans-serif;
    text-align: justify;
    padding-left: 0px;
    margin-left: 0px;
    /* Обнуляем для родителя*/
    line-height: 0;
    font-size: 1px; /* 1px для Opera */

}
#article  ul:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}
#article  ul li  {
    position: relative;
    background: url("../images/slideshow/line_white_gradient.jpg") no-repeat left top;
    width: 230px;
    height: 223px;
    /*display: inline-block;*/
    text-align: left;
    /* Востанавливаем у потомков, кроме последнего*/
    line-height: normal;
    font-size: 14px;
    /* Без него в Opera будет отступ под элементами */
    vertical-align: top;
    margin-left: 23px;
}



#article  ul li img{
    position: relative;
    width: 220px;
    height: 126px;
    margin-left: 5px;
    margin-top: 4px;
}

#article  ul li .providesupport_chat img {
    height: 84px;
    width: 160px;
    margin-top: 28px;
    margin-left: 37px;
}
#article  ul li .play_video{
    width: 75px;
    height: 74px;
    background: url(../images/slideshow/play_video.png) no-repeat;
    position: absolute;
    top:35px;
    left: 77px;
}

#article  ul li:first-child{
    margin-left: 5px;
}

#article  ul li div.title{
    text-align: center;
    color:#004687;
    font-weight: bold;
    margin-top: 8px;
    font-size: 12px;
    text-align-last: center;
}

#article  ul li .providesupport_chat div.title{
    margin-top: 26px;
}

#article ul li > a,
#article ul li > div
{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 50%;
    cursor: pointer;
}

#article_slideshow .play_video_big{
    top:100px;
    left:390px;
    height:90px;
    width:90px;
    background:url('../images/slideshow/play_video_big.png?v=1') no-repeat ;
    position: absolute;
    cursor: pointer;

}