/* Add here all your css styles (customizations) */

.news-v1 h5 {
  margin-bottom: 0;
  font-weight: bold;
  line-height: 25px;
  padding: 10px 15px 5px 15px;
}

#infocommentarea img{
    padding: 2px;
    border: solid 3px #fff;
}


.overlay h3{ 
  font-family: Verdana,Geneva,sans-serif;
  color:#fff;
  position:absolute;  
  z-index:12;
  font-size:30px;
  line-height:50px;  
  top:40%;
  left:0;
  width:100%;
  text-align:center;
}

@media (max-width: 450px) { 
.overlay h3{ 
  font-size:14px;
  line-height:20px;
}
} 



/* list page  */
.page{ margin:20px 0 0 0; text-align:center; width:100%;overflow: hidden;}
.page a b {color: #999;}
.page>b,.page a {margin: 0 2px;height: 26px;line-height: 26px;border-radius: 50%;width: 26px;text-align: center;display: inline-block}
.page a {margin: 0 2px;height: 26px;line-height: 26px;border-radius: 50%;width: 26px;text-align: center;display: inline-block}/* ���ie6 */
.page>b,.page a:hover{background: #333;color: #fff;}
.page a {color: #f33;border: #999 1px solid;}
/* ��ʽ2*/

div.page1 {
text-align: center;
width: 100%;
overflow: hidden;
padding-right: 2px;
 padding-left: 2px; 
 padding-bottom: 2px;
margin: 7px; padding-top: 2px; 
font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif
}

div.page1 a {
	padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #e67e22; text-decoration: none
}
div.page1 a:hover {
	padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #d35400
}
div.page1 a:active {
	padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #fff; padding-top: 0.5em; background-color: #d35400
}
div.page1.b {
	padding-right: 0.64em; padding-left: 0.64em; padding-bottom: 0.43em; margin: 2px; color: #6d643c; padding-top: 0.5em; background-color: #f6efcc
}



.includes {line-height:35px; font-size:80%;}
.head-includes h3{text-indent:25px;}


.dl-horizontal p{overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;}
	
.blogline2 p{overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;}
	

/* slider  */

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}


/* more or less text  */
.remaining-content span {
    display:none;
}



/*Blog Grid Images*/
img.blog-grid-img-v1 {
	float: right;
	width: 280px;
	height: auto;
	margin: 0 0 10px 20px;
}

@media (max-width: 500px) {
	img.blog-grid-img-v1 {
		height: auto;
		display: block;
		max-width: 100%;
	}
}

/*Blog Grid Images added modified*/
img.blog-grid-img-v2 {
	float: left;
	width: 280px;
	height: auto;
	margin: 0 20px 10px 0;
}

@media (max-width: 500px) {
	img.blog-grid-img-v2 {
		height: auto;
		display: block;
		max-width: 100%;
	}
}

.purchase h1 {font-family: Verdana,Geneva,sans-serif;
  color:#555; font-size:24px; }
.shadow-wrapper h3{padding-bottom:5px;}
.navbar-nav li{font-family:Arial, Helvetica, sans-serif;}


/*内容分页样式2*/
#pageurl{text-align:center;line-height:32px;height:32px;overflow:hidden;padding:0 4px; clear:both;}
#pageurl a:link,#pageurl a:visited{font-size:12px;padding:4px 8px 4px;border:1px solid #dedfde;color:#ec7300; font-weight:bold;background:#F1F6FA;text-decoration:none;}
#pageurl a:hover,#pageurl a:active{font-size:12px;border-color:#dedfde;background:#efefef;color:#f60;}
#pageurl a strong{color:#F60;}


.middle {
    float: none;
    display: inline-block;
    vertical-align: middle;
}