/** ARTICLEBOX INDEX rightArrow**/
.ctl_index .selfphp-article-element .artbox .inner {width: 88% !important;}
.ctl_index .col2 .selfphp-article-element .artbox .inner {width: 94% !important;}
.ctl_index .col3 .selfphp-article-element .artbox .inner {width: 96% !important;}
.ctl_index .col4 .selfphp-article-element .artbox .inner {width: 97% !important;}




.colorred{
	color:#c42231;
}



.selfphp-article-element .artbox .inner h2 {
    border-bottom: none;
    background:none;
    padding: 0;
    position: relative;
    top: -12px;
}

.selfphp-article-element .artbox .inner h2 .background{
    width: 100%;
} 



.emotion-inner-element.selfphp-article-element .artbox {
    -moz-box-sizing: border-box;
    border: none;  
    float: none;
    height: 100%;
    margin: 0;
    width: 100%; 
}



/**************** 2x2 ***********************/


.emotion-col4 .col2.row2 .selfphp-article-element .artbox .inner {
    height: 100% !important;
    width: 100% !important;
    padding: 0;
}

.emotion-col4 .col2.row2 .selfphp-article-element .artbox .inner .inner_box {
  background: none repeat scroll 0 0 #fff;
  box-sizing: border-box;
  float: left !important;
  height: 86%;
  padding: 22px 15px 20px;
	width:100%;
}

.emotion-col4 .col2.row2 .selfphp-article-element .artbox p.desc {
    font-size: 12px;
    line-height: 16px;
}
.emotion-col4 .col2.row2 .selfphp-article-element .artbox .inner .actions {
    bottom: 10px;
    left: auto;
    right: 10px;
    width: 20px;
}
.emotion-col4 .col2.row2 .selfphp-article-element .artbox .inner .actions:hover {
    right: 20px;
    width: 80px;
}
.emotion-col4 .col2.row2 .selfphp-article-element .artbox .inner .actions .more {
    margin: 0;
    text-indent: -9999em;
    width: 10px;
}
.emotion-col4 .col2.row2 .selfphp-article-element .artbox .inner .actions .more:hover {
    text-decoration: none;
    text-indent: inherit;
    width: 80px;
}
.emotion-col4 .col2.row2 .selfphp-article-element .artbox .inner .artbox_thumb {
    height: 255px;
    margin: 0 0 15px;
    width: 200px;
    display: block;
    padding: 36px 10px 10px 20px;
}
.emotion-col4 .col2.row2 .selfphp-article-element .artbox .inner .title {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 300;
    display: block; 
}
.emotion-col4 .col2.row2 .selfphp-article-element .artbox .inner a.title {
    text-decoration: none;
}


.col2.row2 .selfphp-article-element .artbox .inner .description-title {
    height: 200px;
    position: absolute;
    right: 20px;
    top: 60px;
    width: 250px;
}

.col2.row2 .selfphp-article-element .artbox .inner span.price {
    font-size: 16px;
}
.col2.row2 .selfphp-article-element .artbox p.price, .selfphp-article-element .artbox p.pseudoprice {
    bottom: 42px;
    left: 400px;
    position: absolute;
    width: 90px;
}
.col2.row2 .selfphp-article-element .artbox p.pseudoprice {
    background: url("../images/icons/ico_pseudo.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    bottom: 13px;
    left: -1px;
    padding-left: 33px;
}
.col2.row2 .selfphp-article-element .artbox p.pseudoprice span.pseudo {
    font-size: 10px;
}
.col2.row2 .selfphp-article-element .artbox p.pseudoprice span.price {
    font-size: 14px;
}

.col2.row2 .selfphp-article-element .artbox .inner .pseudo_percent {
    display: block;
    height: 25px;
    left: -1px;
    position: absolute;
    text-indent: -9999em;
    top: 62px;
    width: 25px;
}

.col2.row2 .selfphp-article-element .artbox .inner .ico_new {
    height: 52px;
    left: 11px;
    top: 60px;
    width: 28px;
}


/**************** 1x2 ***********************/


.emotion-col4 .col1.row2 .selfphp-article-element .artbox .inner {
    height: 100% !important;
    width: 100% !important;
    padding: 0;
}

.emotion-col4 .col1.row2 .selfphp-article-element .artbox .inner .inner_box {
    background: none repeat scroll 0 0 #ececec;
    height: 90%;
    width: 100%;
}

.emotion-col4 .col1.row2 .selfphp-article-element .artbox p.desc {
    font-size: 12px;
    line-height: 16px;
}
.emotion-col4 .col1.row2 .selfphp-article-element .artbox .inner .actions {
    bottom: 10px;
    left: auto;
    right: 10px;
    width: 20px;
}
.emotion-col4 .col1.row2 .selfphp-article-element .artbox .inner .actions:hover {
    right: 20px;
    width: 80px;
}
.emotion-col4 .col1.row2 .selfphp-article-element .artbox .inner .actions .more {
    margin: 0;
    text-indent: -9999em;
    width: 10px;
}
.emotion-col4 .col1.row2 .selfphp-article-element .artbox .inner .actions .more:hover {
    text-decoration: none;
    text-indent: inherit;
    width: 80px;
}
.emotion-col4 .col1.row2 .selfphp-article-element .artbox .inner .artbox_thumb {
    height: 145px;
    margin: 0 0 15px;
    width: 100%;
    display: block;
    padding: 15px 0 0;
}
.emotion-col4 .col1.row2 .selfphp-article-element .artbox .inner .title {
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: 300;
    display: block; 
}
.emotion-col4 .col1.row2 .selfphp-article-element .artbox .inner a.title {
    text-decoration: none;
}


.col1.row2 .selfphp-article-element .artbox .inner .description-title {
    height: auto;
    padding: 0 5%;
    text-align: center;
    width: 90%;
}

.col1.row2 .selfphp-article-element .artbox .inner span.price {
    font-size: 16px;
}
.col1.row2 .selfphp-article-element .artbox p.price, .selfphp-article-element .artbox p.pseudoprice {
    bottom: 0;
    left: 167px;
    position: absolute;
    width: 90px;
}
.col1.row2 .selfphp-article-element .artbox p.pseudoprice {
    background: url("../images/icons/ico_pseudo.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    bottom: 13px;
    left: -1px;
    padding-left: 33px;
}
.col1.row2 .selfphp-article-element .artbox p.pseudoprice span.pseudo {
    font-size: 10px;
}
.col1.row2 .selfphp-article-element .artbox p.pseudoprice span.price {
    font-size: 14px;
}

.col1.row2 .selfphp-article-element .artbox .inner .pseudo_percent {
    display: block;
    height: 25px;
    left: -1px;
    position: absolute;
    text-indent: -9999em;
    top: 62px;
    width: 25px;
}

.col1.row2 .selfphp-article-element .artbox .inner .ico_new {
    height: 52px;
    left: 59px;
    top: 66px;
    width: 28px;
}

.pinfo1 {
  
}

.pinfo2 {
  float:left;
  width:504px;
}

.pinfo4 {
  float:left;
  width:238px;
  height:282px;
  background-color: #ffffff;
}

.pinfo8 {
  float:left;
  width:250px;
  height:282px;
  background-color: #ffffff;
}

.pinfo12 {
  float:left;
  width:250px;
  height:282px;
  background-color: #ffffff;
}

.pinfo5 {
  float:left;
  width:199.6px;
  height:282px;
}

.pinfoslider {
  float:left;
 }

.ptext2 {
  background-color: #ffffff;
  padding: 10px;
  margin-right: 10px;
  height:250px;
}

.pimage2 {
  padding:20px;
  float: left;
  height: 250px;
}

.pimage4 {
	margin-top:20px;
	width:100%;
	height:210px;
}

.pimage5{
	margin-top:20px;
	width:100%;
	height:210px;
}

.pimage8 {
  padding:20px;
  height: 100px;
}

.pinfo_header {
  border-bottom: none !important;
  color: #3d3f41;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}


#content .selfphp-article-element .sliding_outer {
  border: none;
}

.author{
	margin-bottom:5px;
	
}


#content .selfphp-article-element .headingbox  {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	height:30px;
	line-height:13px;
	border:none;
}

#content .selfphp-article-element h2.headingbox  {
	font-size:16px;
}


.container_20 #content .selfphp-article-element .banner-slider-emotion .ajaxSlider .leftArrow, .container_20 #content .selfphp-article-element .banner-slider-emotion .ajaxSlider .rightArrow {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #ffffff;
  font-size: 90px;
  height: 70px;
  line-height: 0;
  margin: 0;
  opacity: 1;
  text-indent: 0;
  top: 73px;
  width: 31px;
}

.container_20 #content .selfphp-article-element .banner-slider-emotion .ajaxSlider{
	height:240px;
}


.articleslider_pinfo_header {
  border-bottom: medium none !important;
  color: #3d3f41;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 35px;
}