﻿.tpl-component-2016-01-07-rightpicture {
    overflow: hidden;
    margin: 0 auto;
    -moz-user-select: -moz-none;
    -ms-user-select: -moz-none;
    -webkit-user-select: -moz-none;
    user-select: -moz-none;
    width: 368px;
}
.tpl-component-2016-01-07-rightpicture .rightpicture-holder {
    position:fixed;
	right:0;
	bottom:0;
	z-index: 9999;
}


.tpl-component-2016-01-07-rightpicture.active {
    border: 1px solid #08d09a;
}

.tpl-component-2016-01-07-rightpicture.active .icon {
    opacity: 0.5;
}

.tpl-component-2016-01-07-rightpicture.active .icon:hover {
    opacity: 1;
}

.tpl-component-2016-01-07-rightpicture.active .move {
    position: absolute;
    top: 0px;
    left: 50%;
    background: url(../images/move.png) 0 0 no-repeat;
    width: 40px;
    height: 16px;
    margin-left: -20px;
    cursor: move;
}




.tpl-component-2016-01-07-rightpicture.tpl-component-2016-01-07-rightpicture-style2 .title-area{
    display: block;
}

.tpl-component-2016-01-07-rightpicture.tpl-component-2016-01-07-rightpicture-style2 .img-title{
    color: #fff;
}

.tpl-component-2016-01-07-rightpicture.tpl-component-2016-01-07-rightpicture-style2 .img-memo{
    color: #fff;
}

.tpl-component-2016-01-07-rightpicture.tpl-component-2016-01-07-rightpicture-style5 .title-area{
    display: block;
    background-color: transparent;
}

.tpl-component-2016-01-07-rightpicture.tpl-component-2016-01-07-rightpicture-style5 .img-memo{
    display: none;
}

.tpl-component-2016-01-07-rightpicture.tpl-component-2016-01-07-rightpicture-style6 .title-area{
    display: block;
    background-color: transparent;
}

.tpl-component-2016-01-07-rightpicture.tpl-component-2016-01-07-rightpicture-style6 .img-title{
    display: none;
}























.tpl-sidebar-link-target .component-radio{
    display:inline-block;
    width:16px;
    height: 16px;
    cursor: pointer;
    position:relative;
}
.tpl-sidebar-link-target .component-radio .radio-checked{
    display:inline-block;
    width:16px;
    height:14px;
    position:absolute;
    background: url(../images/cms_btn.png) no-repeat -44px 0;
    top: 2px;
}

.tpl-sidebar-link-target .component-radio .radio-checked.active{
    background-position: -30.5px 0;
}

.tpl-sidebar-link-target .radio-text{
    position:relative;
    top:-2px;
    margin:5px;
    cursor: pointer;
    color:#ccc;
}



/* .tpl-component-2016-01-07-rightpicture.active .move-close {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/move-close.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.tpl-component-2016-01-07-rightpicture.active .copy {
    position: absolute;
    top: 0px;
    left: 20px;
    background: url(../images/copy.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 3;
}

.tpl-component-2016-01-07-rightpicture.active .saveblock {
    position: absolute;
    top: 0px;
    left: 40px;
    background: url(../images/saveblock.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 2;
}

.tpl-component-2016-01-07-rightpicture.active .saveInnerStyle {
    position: absolute;
    top: 0px;
    left: 60px;
    background: url(../images/saveinnerstyle.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 2;
} */






/* ----------isautoplay--------- */

.tpl-sidebar-2017-06-26-picture .slide{
  width:40px;
  height:20px;
  float:left;
  overflow: hidden;
  box-shadow: 0 0 1px 0 #222;
  border:1px solid #222;
}

.tpl-sidebar-2017-06-26-picture .slide .slide-button{
  width:70px;
  height:20px;
  overflow: hidden;
  box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  position:relative;
  left:-30px;
}

.tpl-sidebar-2017-06-26-picture .slide .slide-button i{
  float:left;
  display:inline-block;
  height:20px;
  box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
}

.tpl-sidebar-2017-06-26-picture .slide .slide-button .status{
  width:30px;
  background-color:#222;
  cursor:pointer;
  position:relative;
}

.tpl-sidebar-2017-06-26-picture .slide .slide-button .close i{
  display:inline-block;
  width:3px;
  height:12px;
  box-shadow: 0 0 1px 0 #2bb599;
  background-color:#2bb559;
  position:absolute;
  top:4px;
  left:13.5px;
}

.tpl-sidebar-2017-06-26-picture .slide .slide-button .open i{
  display:inline-block;
  width:10px;
  height:10px;
  border:1px solid #474747;
  border-radius: 10px;
  box-shadow: 0 0 1px 0 #474747 inset;
  position:absolute;
  top:5px;
  left:10px;
}

.tpl-sidebar-2017-06-26-picture .slide .slide-button .split{
  width:10px;
  background-color:#474747;
}

.tpl-sidebar-2017-06-26-picture .t-icon {
    background-image: url('../images/t-icon.png');
    width: 28px;
    height: 22px;
    background-position:0 0;
    cursor: pointer;
    margin-top: 0px;
}

.tpl-sidebar-2017-06-26-picture .t-icon.t-icon-weight-default {
    background-position:0 0;
}

.tpl-sidebar-2017-06-26-picture .t-icon.t-icon-weight-default.active {
    background-position:-58px 0;
}

.tpl-sidebar-2017-06-26-picture .t-icon.t-icon-decoration-default {
    background-position:-86px 0;
}

.tpl-sidebar-2017-06-26-picture .t-icon.t-icon-decoration-default.active {
    background-position:-29px 0;
}


/*cms设置样式开始*/

.tpl-sidebar-2016-01-07-picture .section-tab-box {
    overflow: hidden;
    padding: 10px;
}

.tpl-sidebar-2016-01-07-picture .cmsLm {
    height: 178px;
}

.tpl-sidebar-2016-01-07-picture .selectLmBtn {
    width: 215px;
    height: 24px;
    margin-left: 0px;
    margin-top: 11px;
    border: 0;
    color: #eee;
    background: url(../images/cms_btn.png) no-repeat 0px -17px;
    cursor: pointer;
    text-align: center;
}

.tpl-sidebar-2016-01-07-picture .redColor {
    display: inline-block;
    color: red;
    vertical-align: text-top;
}

.tpl-sidebar-2016-01-07-picture .lmBtn_block {
    margin-left: 8px;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.tpl-sidebar-2016-01-07-picture .selectlmLi {
    margin-top: 10px;
}

.tpl-sidebar-2016-01-07-picture .selectLmImg {
    background: url(../images/cms_btn.png) 0 0 no-repeat;
}

.tpl-sidebar-2016-01-07-picture .selectLmText {
    vertical-align: text-bottom;
    color: #eee;
}

.tpl-sidebar-2016-01-07-picture .myInput_liu {
    width: 72px;
    height: 19px;
    border: 1px solid #545454;
    text-align: center;
    background-color: #27282e;
    color: #fff;
}

.tpl-sidebar-2016-01-07-picture .myLable_liu {
    color: #cccccc;
}

.tpl-sidebar-2016-01-07-picture .myCheckBox_liu {
    width: 15px;
    vertical-align: middle;
    cursor: pointer;
}

.tpl-sidebar-2016-01-07-picture .checkIcon {
    cursor: pointer;
    margin-top: 3px;
    margin-right: 5px;
    width: 16px;
    height: 14px;
    background: url(../images/cms_btn.png) no-repeat -60px 0;
}

.tpl-sidebar-2016-01-07-picture .checkIcon.active {
    background-position: -16px 0;
}

.tpl-sidebar-2016-01-07-picture .radioIcon {
    cursor: pointer;
    margin-top: 3px;
    width: 16px;
    height: 14px;
    background: url(../images/cms_btn.png) no-repeat -44px 0;
    margin-right: 10px;
}

.tpl-sidebar-2016-01-07-picture .radioIcon_m5 {
    margin-right: 5px;
    margin-left: 13px;
}

.tpl-sidebar-2016-01-07-picture .radioIcon.active {
    background-position: -30px 0;
}

.tpl-sidebar-2016-01-07-picture .float_1 {
    margin-right: 20px;
}

.tpl-sidebar-2016-01-07-picture .float_2 {
    float: left;
    overflow: hidden;
}

.tpl-sidebar-2016-01-07-picture .float_2 .list {
    height: 26px;
}

.tpl-sidebar-2016-01-07-picture .float_label {
    width: 64px;
}

.tpl-sidebar-2016-01-07-picture .checkSpan {
    margin-right: 12px;
    width: 50px;
    display: inline-block;
}

.tpl-sidebar-2016-01-07-picture .cms_gjPosStart {
    color: #ccc;
    margin-top: 10px;
}

.tpl-sidebar-2016-01-07-picture .cms_gjStartInput {
    width: 40px;
    background-color: #222;
    color: #fff;
    text-align: center;
    padding: 3px;
}

.tpl-sidebar-2016-01-07-picture .cms_gjStartInputSmall {
    width: 40px;
    background-color: #222;
    color: #fff;
    text-align: center;
    padding: 0px;
}


/*发布批次样式*/

.tpl-sidebar-2016-01-07-picture .cms_piciBox {
    width: 150px;
    margin: 0 auto;
    border: 1px solid #ccc;
    overflow: hidden;
}

.tpl-sidebar-2016-01-07-picture .cms_piciBox .cmspiciBtn {
    color: #333;
    background-color: #fff;
    border: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    text-align: center;
    width: 50%;
    margin: 0;
    float: left;
    cursor: pointer;
}

.tpl-sidebar-2016-01-07-picture .cms_piciBox .cmspiciBtn.active {
    color: #ccc;
    background-color: #202020;
}

.tpl-sidebar-2016-01-07-picture .clear_hidden {
    overflow: hidden;
}

.tpl-sidebar-2016-01-07-picture .cms_float {
    float: left;
}

.tpl-sidebar-2016-01-07-picture .config_mTop {
    margin-top: 5px;
}

.tpl-sidebar-2016-01-07-picture .selectLmImgClose {
    background: url(../images/deleteCmsColumns.png) 0 0 no-repeat;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}








