﻿/* slider layout */
.lof-slidecontent
{
    position: relative;
    overflow: hidden;
}
.lof-slidecontent .preload
{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    text-align: center;
    background: #FFF;
}
.lof-slidecontent .preload div
{
    height: 100%;
    width: 100%;
    background: transparent url(/images/jslidenews/load-indicator.gif) no-repeat scroll 50% 50%;
}

.lof-slidecontent .sliders-wrapper
{
    position: relative;
    height: 100%;
    width: 900px;
    z-index: 3px;
    overflow: hidden;
    }
.sliders-wrap-inner img{width:385px; height:250px;}
.lof-slidecontent ul.sliders-wrap-inner
{
    overflow: hidden;
    background: transparent url(/images/jslidenews/load-indicator.gif) no-repeat scroll 50% 50%;
    padding: 0px;
    margin: 0;
    position: absolute;
    overflow: hidden;
}
.lof-slidecontent ul.sliders-wrap-inner li
{
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
}
.lof-slidecontent .lof-opacity li
{
    position: absolute;
    top: 0;
    left: 0;
    float: inherit;
}


.lof-slidecontent .navigator-content
{
    position: absolute;
    right: 10px;
    bottom:10px;
    z-index: 9;
    width: 80px;
    overflow: hidden;
    color: #FFF;
}
.lof-slidecontent .navigator-wrapper
{
    position: relative;
    z-index: 20;
    height: 180px;
    width: 310px;
    overflow: hidden;
    color: #FFF;
    float: left;
}
.lof-slidecontent ul.navigator-wrap-inner
{
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}
.lof-slidecontent ul.navigator-wrap-inner li
{
    cursor: hand;
    cursor: pointer;
    list-style: none;
    padding: 0;
    margin-left: 0px;
    overflow: hidden;
    float: left;
    display: block;
    text-align: center;
}

/*******************************************************/

ul.sliders-wrap-inner li img
{
    padding: 0px;
}

.lof-slidecontent .slider-description a.readmore
{
    color: #58B1EA;
    font-size: 95%;
}
.lof-slidecontent .slider-description a
{
    color: #FFF;
}
.lof-slidecontent .slider-description
{
    z-index: 100px;
    position: absolute;
    bottom: 0;
    left:0;
    width: 375px;
    background: url(/images/jslidenews/bg_trans.png);
    height: 60px;
    padding: 5px;
    color: #FFF;
}
.lof-slidecontent .slider-description h4
{
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
}
.lof-slidecontent .slider-description .slider-meta a
{
    margin: 0;
    font-size:15px;
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
	white-space:nowrap;
	 padding:8px 0;
}
.slider-meta a:hover{color:Red;}
.lof-slidecontent .slider-description p{
    padding-top:5px;
    color:White;
    font-size:12px;
    line-height:16px;}
.lof-slidecontent .item-meta a:hover
{
    text-decoration: underline;
}
.lof-slidecontent .item-meta i
{
    font-size: 70%;
}

/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner li.active
{
    background:url(/images/arrow-bg.png) no-repeat scroll left center transparent;
    color: #FFF;
}
.lof-slidecontent ul.navigator-wrap-inner li > div
{
    background: url(/images/jslidenews/transparent_bg.png);
    color: #FFF;
    height: 100%;
    position: relative;
    margin-left: 7px;
    padding-left: 12px;
    border-top: 1px solid #E1E1E1;
    text-align: left;
}

.lof-slidecontent ul.navigator-wrap-inner li.active div
{
    background:#80b6eb;
    color: #FFF;
}
.lof-slidecontent ul.navigator-wrap-inner li img
{
    height: 40px;
    width: 60px;
    margin: 10px 5px 5px 0px;
    float: left;
    padding: 3px;
    border: #C5C5C5 solid 1px;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, .lof-slidecontent ul.navigator-wrap-inner li:hover img
{
    border: ##6C8E5C solid 1px;
}
.lof-slidecontent .button-next, .lof-slidecontent .button-previous
{
    display: block;
    width: 40px;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    height: 100%;
    z-index: 40;
    top: 0;
    text-indent: -999px;
}
.lof-slidecontent .button-next
{ background:url(/images/previous.png) no-repeat scroll left center transparent;
    right: 0px;
}
.lof-slidecontent .button-previous
{  background:url(/images/previous.png) no-repeat scroll left center transparent;
    left: 0px;
}


.lof-slidecontent .button-control
{
    position: absolute;
    top: 10px;
    right: 48%;
    height: 20px;
    width: 20px;
    cursor: hand;
    cursor: pointer;
    background: url(/images/jslidenews/transparent_bg.png) repeat;
}

.lof-slidecontent .button-control span
{
    display: block;
    width: 100%;
    height: 100%;
}
.lof-slidecontent .action-start span
{
}
.lof-slidecontent .action-stop span
{
}

.line{width:95px; margin:0 auto; padding:10px 0;}
.line .on{width:10px; height:8px; background:#5a5a5a; margin-right:8px;}
.line li{width:10px; height:8px; background:#ccc; margin-right:8px; float:left; }
.right_tit{font-size:15px; color:#333; text-align:center; font-weight:bold; line-height:30px; width:240px; cursor:pointer; overflow:hidden;white-space:nowrap;}
.right_tit a{ color:#333;}
.right_txt{ font-size:12px; color:#888; line-height:18px;overflow:hidden;border-bottom:1px dashed #ccc;word-wrap: break-word; padding:6px 0 10px;}
.right_list li{background: url(/images/dot.jpg) no-repeat  left center; padding-left:10px; font-size:13px;line-height:28px;cursor:pointer; width:540px; overflow:hidden;white-space:nowrap;}
.right_list li a{ color:#333;}


















